:root{--ink:#eef2e8;--muted:#92998d;--bg:#0b0e0c;--panel:#121713;--line:#2a312b;--acid:#b7f238;--orange:#ff6b35;--danger:#ff6e6e;color-scheme:dark}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}a,button{color:inherit}a{text-decoration:none}input,select{background:#0c100d;border:1px solid var(--line);border-radius:4px;color:var(--ink);padding:.72rem}label{color:var(--muted);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;display:grid;gap:.4rem}.brand{font-weight:900;letter-spacing:.12em;display:flex;align-items:center;gap:.65rem}.brand i{width:18px;height:18px;background:var(--acid);display:inline-block;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.button{border:1px solid var(--line);background:transparent;border-radius:3px;padding:.72rem 1rem;font-weight:800;cursor:pointer}.button.primary{background:var(--acid);color:#10150d}.button.ghost:hover,.button.primary{border-color:var(--acid)}.button:disabled{opacity:.5;cursor:wait}.language-switcher{position:fixed;right:1rem;bottom:1rem;z-index:100;display:flex;padding:3px;border:1px solid var(--line);border-radius:4px;background:#090c0a;box-shadow:0 5px 24px #0008}.language-switcher button{border:0;background:transparent;color:var(--muted);padding:.45rem .55rem;font-size:.65rem;font-weight:900;cursor:pointer}.language-switcher button.active{background:var(--acid);color:#10150d}.wide{width:100%}.eyebrow{color:var(--acid);font-size:.7rem;font-weight:900;letter-spacing:.2em}.landing-shell{min-height:100vh;background:radial-gradient(circle at 75% 20%,#26351d 0,transparent 30%),linear-gradient(140deg,#0b0e0c,#111912)}.nav{height:80px;border-bottom:1px solid var(--line);padding:0 6vw;display:flex;align-items:center;justify-content:space-between}.hero{padding:12vh 8vw 8vh;max-width:1050px}.auth-copy h1,.hero h1{font-size:clamp(3rem,7vw,7rem);letter-spacing:-.065em;line-height:.9;margin:1rem 0 2rem;max-width:1000px}.auth-copy p,.hero p{color:var(--muted);font-size:1.15rem;line-height:1.6;max-width:650px}.hero-actions{display:flex;gap:.7rem;margin-top:2rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.feature-grid article{padding:2.5rem 6vw;border-right:1px solid var(--line)}.feature-grid b{color:var(--acid);font-family:monospace}.feature-grid h2{font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.feature-grid p{color:var(--muted);line-height:1.5}.studio-shell{min-height:100vh}.center-card,.empty{display:grid;place-content:center;min-height:70vh;text-align:center;color:var(--muted)}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:6vw;padding:7vw;background:radial-gradient(circle at 10% 90%,#222e1a,transparent 30%)}.auth-card,.panel{background:var(--panel);border:1px solid var(--line);padding:2rem;border-radius:6px}.auth-card{display:grid;gap:1rem}.auth-card small{color:var(--muted);line-height:1.4}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#090c0a;padding:4px;border-radius:4px}.segmented button{border:0;background:transparent;padding:.7rem;color:var(--muted)}.segmented button.active{background:#232b22;color:var(--ink)}.error{color:var(--danger)}.dashboard{height:100vh;display:grid;grid-template-columns:280px 1fr;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#0c100d;padding:1.4rem;display:flex;flex-direction:column;gap:1.2rem}.sidebar-heading{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;letter-spacing:.16em;margin-top:1rem}.sidebar-heading em{font-style:normal;background:#252d25;padding:.15rem .35rem;border-radius:8px}.project-list{display:grid;gap:.3rem;overflow:auto}.project-list button{display:flex;gap:.75rem;align-items:center;text-align:left;border:1px solid transparent;background:transparent;padding:.65rem;border-radius:4px}.project-list button.selected,.project-list button:hover{background:#182018;border-color:#303a2f}.members article>span,.project-list button>span{display:grid;place-items:center;width:34px;height:34px;background:#283126;color:var(--acid);font-weight:900;font-size:.7rem}.project-list div{display:grid;gap:.2rem;min-width:0}.project-list b{overflow:hidden;text-overflow:ellipsis}.project-list small,.user-card small{color:var(--muted)}.new-project{display:grid;gap:.5rem}.user-card{margin-top:auto;border-top:1px solid var(--line);padding-top:1rem;display:flex;justify-content:space-between;gap:.5rem}.user-card div{display:grid;gap:.2rem;min-width:0}.user-card code{color:var(--muted);font-size:.55rem;overflow:hidden;text-overflow:ellipsis}.user-card button{background:transparent;border:0;color:var(--muted);cursor:pointer}.workspace{overflow:auto}.workspace-header{height:96px;border-bottom:1px solid var(--line);padding:1.3rem 2rem;display:flex;justify-content:space-between;align-items:center}.workspace-header h1{margin:.3rem 0 0;font-size:1.6rem}.header-actions{display:flex;align-items:center;gap:.7rem}.role,.status{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--line);padding:.4rem .6rem;border-radius:20px}.role.owner,.status.completed{color:var(--acid);border-color:#56741e}.tabs{height:50px;border-bottom:1px solid var(--line);padding:0 2rem;display:flex;gap:1.8rem}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);text-transform:uppercase;font-size:.68rem;letter-spacing:.12em}.tabs button.active{color:var(--ink);border-color:var(--acid)}.notice{background:#1e2919;border-bottom:1px solid #4d641f;padding:.65rem 2rem;color:var(--acid);font-size:.8rem}.workspace-body{display:grid;grid-template-columns:minmax(480px,1fr) 390px;min-height:calc(100vh - 146px)}.editor-column,.full-column{padding:2rem}.full-column{grid-column:1/-1}.preview-column{border-left:1px solid var(--line);padding:2rem;background:#0d110e}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.preview-meta>span,.section-title span{color:var(--acid);font-size:.62rem;letter-spacing:.16em;font-weight:900}.section-title h2{margin:.25rem 0;font-size:1.4rem}.canvas-settings,.generation-form{display:flex;gap:.7rem;align-items:end;margin-bottom:1.2rem}.canvas-settings input{width:110px}.folder-importer{border:1px dashed #5b7040;background:#11190f;padding:1.2rem;margin-bottom:1.2rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;transition:.15s}.folder-importer.dragging{border-color:var(--acid);background:#1b2913}.folder-importer.disabled{opacity:.55}.folder-importer span{color:var(--acid);font-size:.62rem;letter-spacing:.16em;font-weight:900}.folder-importer h3{margin:.35rem 0}.folder-importer p{margin:0;color:var(--muted);font-size:.82rem}.folder-importer output{grid-column:1/-1;color:var(--acid);font-size:.78rem}.folder-picker{display:block;text-transform:none;letter-spacing:0;white-space:nowrap}.folder-picker input{display:none}.layer-card{border:1px solid var(--line);background:var(--panel);margin-bottom:.75rem}.layer-card>header{display:grid;grid-template-columns:38px 1fr auto auto;align-items:center;gap:.6rem;padding:.7rem;border-bottom:1px solid var(--line)}.layer-card>header>span{color:var(--acid);font-family:monospace}.layer-card>header input{border:0;background:transparent;font-weight:900}.layer-card>header em{color:var(--muted);font-size:.7rem;font-style:normal}.layer-order{display:flex;gap:.25rem}.layer-order button{width:28px;height:28px;padding:0;border:1px solid var(--line);background:#0c100d;color:var(--muted);cursor:pointer}.layer-order button:disabled{opacity:.25;cursor:default}.trait-list{padding:.5rem}.trait-row{display:grid;grid-template-columns:42px 1fr 90px 70px;gap:.6rem;align-items:center;padding:.4rem}.trait-thumb{height:38px;background:#202820;display:grid;place-items:center;color:var(--acid);overflow:hidden}.trait-thumb img{width:100%;height:100%;object-fit:contain}.trait-row label input{width:100%;padding:.45rem}.upload{border:1px solid var(--line);padding:.55rem;text-align:center;cursor:pointer}.upload input{display:none}.add-trait{width:100%;background:transparent;border:0;border-top:1px dashed var(--line);color:var(--muted);padding:.8rem}.preview-stage{position:sticky;top:2rem;width:100%;background:repeating-conic-gradient(#161b16 0 25%,#111511 0 50%) 0/24px 24px;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}.preview-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.preview-stage p{padding:2rem;text-align:center;color:var(--muted)}.preview-meta{margin-top:1rem;display:grid;gap:.5rem}.preview-meta div{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:.55rem 0}.preview-meta em{font-style:normal;color:var(--muted)}.members,.rules-list,.rules-list article,.run-list{display:grid;gap:.7rem}.rules-list article{grid-template-columns:40px 1fr 150px 1fr;align-items:center;border:1px solid var(--line);padding:1rem;background:var(--panel)}.rules-list article>b{color:var(--acid)}.generation-form{border:1px solid var(--line);padding:1rem;background:var(--panel)}.generation-form label{flex:1 1}.run-list article{border:1px solid var(--line);padding:1rem;background:var(--panel)}.run-list header{display:flex;justify-content:space-between}.run-list h3{margin:.35rem 0}.run-list header span{font:700 .65rem monospace;color:var(--muted)}.run-stats{display:flex;gap:2rem;border-block:1px solid var(--line);padding:1rem 0;margin:1rem 0;color:var(--muted)}.run-stats b{display:block;color:var(--ink);font-size:1.2rem}.release-heading{margin-top:2rem}.release-list article{border-color:color-mix(in srgb,var(--acid) 45%,var(--line))}.release-lock{color:var(--acid);font:700 .68rem monospace;letter-spacing:.08em}.run-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.release-digest{color:var(--muted);font-size:.72rem}.members article{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:1rem;border-bottom:1px solid var(--line);padding:.7rem}.members code{color:var(--muted)}@media (max-width:900px){.auth-layout{grid-template-columns:1fr}.auth-copy h1{font-size:3.3rem}.dashboard{grid-template-columns:1fr;height:auto}.sidebar{border-right:0}.workspace-body{grid-template-columns:1fr}.preview-column{border-left:0}.feature-grid{grid-template-columns:1fr}.workspace-header{height:auto}.rules-list article{grid-template-columns:1fr}.trait-row{grid-template-columns:38px 1fr}.trait-row label,.upload{grid-column:auto}.folder-importer{grid-template-columns:1fr}.folder-importer output{grid-column:1}.tabs{overflow:auto}}