@import"https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--ink: #f4efe4;--muted: #c4b8a4;--paper: #14110d;--panel: #1c1812;--well: #0e0c09;--line: #3a3228;--accent: #e39a3c;--accent-ink: #1a1208;--ok: #8fce7a;--danger: #e07a62;--focus: #f0c36a;font-family:Sora,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;background:var(--paper);color:var(--ink)}::selection{background:#e39a3c66;color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{display:grid;grid-template-rows:64px 1fr 32px;height:100%}.topbar,.status{display:flex;align-items:center;gap:10px;padding:0 18px;background:var(--well);border-bottom:1px solid var(--line)}.status{border-bottom:0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.brand{font-weight:700;letter-spacing:-.03em;font-size:1.15rem}.brand span{color:var(--accent)}.brand-sub{margin:0 12px 0 0;color:var(--muted);font-size:12px}button,.file-btn,select,input[type=range]{font:inherit}button,.file-btn{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:7px 12px;cursor:pointer}button.primary,.file-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button:hover:not(:disabled),.file-btn:hover{filter:brightness(1.08)}button:disabled{opacity:.45;cursor:not-allowed}.workspace{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr) minmax(220px,280px);min-height:0}.side,.inspector{background:var(--panel);border-right:1px solid var(--line);overflow:auto;padding:16px 16px 24px}.inspector{border-right:0;border-left:1px solid var(--line)}.stage{min-width:0;display:grid;grid-template-rows:auto 1fr;background:var(--paper)}.tabs{display:flex;gap:2px;padding:8px 10px;background:var(--well);border-bottom:1px solid var(--line)}.tabs button[aria-selected=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.preview-wrap{position:relative;overflow:hidden;background:linear-gradient(45deg,#1a1611 25%,transparent 25%) 0 0 / 20px 20px,linear-gradient(-45deg,#1a1611 25%,transparent 25%) 0 0 / 20px 20px,#0b0907}.preview-wrap svg,.preview-wrap canvas,.preview-wrap img,.preview-wrap #svg-host{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.preview-wrap img{z-index:0}.preview-wrap #svg-host{z-index:1}.preview-wrap #svg-host.is-empty{pointer-events:none;opacity:0}.preview-wrap #svg-host svg{pointer-events:auto}.drop{position:absolute;inset:18%;z-index:2;display:grid;place-content:center;gap:8px;border:1px dashed var(--line);background:#1c1812cc;color:var(--ink);text-align:center;padding:24px}.drop span{color:var(--muted);font-size:13px;max-width:36ch}.ab-legend{position:absolute;left:16px;right:16px;bottom:14px;z-index:3;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.04em;text-transform:uppercase}.ab-range{width:100%;accent-color:var(--accent)}label,.hint{font-size:12px;color:var(--muted);display:block;margin:14px 0 6px}label strong{color:var(--ink);font-weight:600;margin-left:6px}label select,label input[type=range]{width:100%;margin-top:6px}select{background:var(--well);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:8px}h2{font-size:11px;margin:18px 0 8px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}h2:first-child{margin-top:0}.swatches{display:flex;flex-wrap:wrap;gap:6px}.swatch{width:26px;height:26px;border-radius:3px;border:1px solid #fff4;cursor:pointer}.swatch.locked{outline:2px solid var(--accent)}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}pre.prompt{white-space:pre-wrap;background:var(--well);border:1px solid var(--line);padding:8px;border-radius:4px;font-size:12px;max-height:220px;overflow:auto}.metric{display:flex;justify-content:space-between;font-size:12px;gap:12px}.level-green{color:var(--ok)}.level-yellow{color:var(--accent)}.level-orange{color:#e3b36b}.level-red{color:var(--danger)}@media(max-width:980px){.workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.side,.inspector{border:0;border-top:1px solid var(--line);max-height:280px}.preview-wrap{min-height:52vh}}