:root{color-scheme:dark;--bg:#080f19;--panel:#122330f2;--line:#7399a53b;--mint:#83f8dd;--gold:#ffc58b;--text:#e3ecec;--muted:#91aaba}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Trebuchet MS',sans-serif}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}button,.button{border:1px solid var(--line);border-radius:5px;background:#28414e;color:var(--text);padding:10px 13px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#365565}button:disabled{opacity:.4;cursor:default}.primary{background:var(--gold);color:#172632;border-color:var(--gold)}.primary:hover{background:#ffdaa9}.quiet{background:transparent}input,select{background:#0c1a26;border:1px solid var(--line);border-radius:4px;padding:9px;color:var(--text);min-width:0}h1,h2,h3,p{margin-top:0}.eyebrow{font:11px monospace;letter-spacing:2px;color:var(--gold);text-transform:uppercase}.muted{color:var(--muted);line-height:1.6}header.library-head{padding:36px 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.wordmark{font:16px monospace;letter-spacing:3px;color:var(--mint)}.library{max-width:1400px;margin:auto;padding:45px 5vw;background:radial-gradient(ellipse at 75% 0,#19425250,transparent 65%)}.library h1{font-size:clamp(34px,5vw,64px);font-weight:400;letter-spacing:-2px;margin:12px 0}.library-intro{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:35px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px}.card{background:#152430;border:1px solid var(--line);border-radius:8px;overflow:hidden;position:relative}.card img{display:block;width:100%;height:190px;object-fit:cover;background:#112235}.card-content{padding:22px}.card h2{font-size:24px;letter-spacing:-.7px;margin:10px 0}.card .actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.card.create{border:1px dashed #ffc58b80;background:linear-gradient(150deg,#263a43,#131e2c);padding:35px 25px;min-height:350px;display:flex;flex-direction:column;justify-content:center}.create .plus{font:70px monospace;color:var(--gold);font-weight:200}.card-number{font:10px monospace;letter-spacing:2px;color:var(--mint)}.studio{height:100dvh;overflow:hidden;display:grid;grid-template-rows:auto auto 1fr auto;gap:8px;padding:10px}.toolbar{display:flex;align-items:center;gap:7px;padding:8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:7px;flex-wrap:wrap;font-size:13px}.toolbar .wordmark{font-size:14px;white-space:nowrap}.toolbar #title{flex:1;min-width:160px}.workspace{display:grid;grid-template-columns:215px minmax(0,1fr) 255px;gap:10px;min-height:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;padding:14px;overflow:auto}.panel h2{font:12px monospace;color:var(--gold);letter-spacing:1px;margin-bottom:15px}.panel input,.panel select{width:100%;margin-bottom:8px}.panel label{font-size:12px;color:var(--muted);display:block;margin:9px 0 4px}.palette{display:grid;grid-template-columns:1fr 1fr;gap:6px}.palette button{padding:12px 4px;font-size:12px;min-height:85px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#263e4b}.palette button.active{border-color:var(--gold);background:#455055}.palette .glyph{font:26px monospace;color:var(--mint)}.viewport{position:relative;overflow:hidden;border-radius:6px;background:#101c2a;min-width:0;touch-action:none}.viewport canvas{width:100%;height:100%;display:block}.view-hint{position:absolute;top:12px;left:12px;right:12px;padding:11px 15px;background:#102632d9;border:1px solid var(--line);border-radius:5px;font-size:12px;pointer-events:none}.view-badge{position:absolute;bottom:15px;left:15px;font:10px monospace;letter-spacing:2px;color:var(--mint);pointer-events:none}.inspector h3{font-size:22px;font-weight:400;margin-bottom:12px}.inspector .row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.inspector hr{border:0;border-top:1px solid var(--line);margin:22px 0}.inspector input[type=checkbox]{width:auto;margin:0 10px 0 0}.diagnostics{font-size:12px;line-height:1.6;color:#ffcb9e}.statusbar{background:#19333e;border:1px solid var(--line);padding:10px 15px;border-radius:5px;font-size:12px;color:#b8d5dc}.statusbar.error{color:#ffc19b}dialog{background:#132732;color:var(--text);border:1px solid #7eb6bc80;border-radius:12px;max-width:780px;width:90vw;padding:30px;box-shadow:0 20px 120px #0008}dialog::backdrop{background:#030912c9;backdrop-filter:blur(6px)}.templates{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.templates button{text-align:left;padding:20px;min-height:150px;line-height:1.5}.templates strong{display:block;font-size:20px;color:var(--gold);margin-bottom:10px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end}.library-footer{margin-top:35px;color:var(--muted);font-size:12px}.toolbar label{display:flex;align-items:center;gap:6px}#count{margin-top:18px;font:11px monospace;color:var(--muted)}@media(max-width:900px){.workspace{grid-template-columns:165px minmax(0,1fr) 200px}.toolbar{font-size:11px}.toolbar button{padding:8px}.palette{grid-template-columns:1fr}.library-intro{display:block}}@media(max-width:650px){.studio{overflow:auto;height:auto;min-height:100dvh}.workspace{display:grid;grid-template-columns:130px minmax(0,1fr);min-height:650px}.inspector{grid-column:1/-1;max-height:380px}.viewport{min-height:480px}.panel{padding:9px}.templates{grid-template-columns:1fr}.templates button{min-height:90px}.library-head{gap:12px}.library-head .wordmark{font-size:12px}.library-intro{margin-bottom:20px}.cards{grid-template-columns:1fr}.toolbar .wordmark{width:100%}}