:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#12131a;--panel:#181924;--panel-2:#1a1b26;--line:#282a3a;--control:#252736;--control-line:#373a4f;--text:#e4e6eb;--muted:#8f93a2;--accent:#fc0;--focus:#fc0;--error:#ff8a80;background-color:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;font-size:13px}*{box-sizing:border-box}body{flex-direction:column;height:100vh;margin:0;display:flex;overflow:hidden}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}[hidden]{display:none!important}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:12px}.topbar{background:var(--panel-2);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;min-height:48px;padding:0 16px;display:flex}.brand{letter-spacing:.5px;font-size:15px;font-weight:700}.brand span{color:var(--accent)}.tabs{flex:1;gap:4px;display:flex}.tab{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 14px;font-weight:600}.tab:hover{color:var(--text)}.tab[aria-selected=true]{color:#fff;border-bottom-color:var(--accent)}.actions{gap:6px;display:flex}.confirm{background:#3a3212;border-bottom:1px solid #6b5a14;align-items:center;gap:10px;padding:8px 16px;display:flex}.confirm span{flex:1}main{flex:1;min-height:0;display:flex}.panel{flex:1;min-width:0;min-height:0;display:flex}.sidebar,.inspector{background:var(--panel);flex-direction:column;gap:14px;padding:12px;display:flex;overflow-y:auto}.sidebar{border-right:1px solid var(--line);flex:none;width:264px}.inspector{border-left:1px solid var(--line);flex:none;width:300px}.group{flex-direction:column;gap:8px;display:flex}.group h2,.sidebar h3,.inspector h3{text-transform:uppercase;letter-spacing:.6px;color:#9ea2b3;margin:0;font-size:11px}.row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.row.bottom{align-items:flex-end}.row .field{flex:1;min-width:60px}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--muted);font-size:11px}input[type=text],input[type=number],select{border:1px solid var(--line);color:#fff;font:inherit;background:#101118;border-radius:4px;min-width:0;padding:6px 8px}select[size]{padding:2px}input[aria-invalid=true]{border-color:var(--error)}input[type=color]{border:1px solid var(--line);background:0 0;width:36px;height:30px;padding:0}.check{align-items:center;gap:6px;padding-bottom:6px;display:flex}.hint{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.warning{color:#ffd27f;margin:0;font-size:11px;line-height:1.4}.btn{background:var(--control);color:var(--text);border:1px solid var(--control-line);font:inherit;cursor:pointer;border-radius:6px;padding:6px 10px}.btn:hover{background:#323547}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary,.btn[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.tool-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.nudge{gap:6px;display:flex}.nudge .btn{flex:1}.work-area{background:#0f1015;flex-direction:column;flex:1;gap:8px;min-width:0;min-height:0;padding:12px;display:flex}.work-area.centered{justify-content:center;align-items:center;overflow:auto}.viewport{border:1px solid var(--line);background:#14151d;border-radius:6px;flex:1;min-height:0;position:relative;overflow:auto}.viewport:has(.view-canvas:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.view-canvas{cursor:crosshair;touch-action:none;display:block;position:sticky;top:0;left:0}.view-canvas:focus-visible{outline:none}.sizer{pointer-events:none}.palette-grid{grid-template-columns:repeat(8,1fr);gap:4px;display:grid}.palette-grid.dense{grid-template-columns:repeat(16,1fr);gap:2px}.swatch{cursor:pointer;border:2px solid #0000;border-radius:4px;height:26px;padding:0;position:relative}.dense .swatch{border-width:1px;border-radius:2px;height:14px}.swatch[aria-checked=true]{border-color:#fff;box-shadow:0 0 0 1px #000}.swatch.transparent:after{content:"";background:repeating-conic-gradient(#fff 0 25%, #7a7d8c 0 50%) 0 0 / 5px 5px;border-top-left-radius:3px;width:10px;height:10px;position:absolute;bottom:0;right:0}.preview-host{min-height:40px}.runtime-preview,#tile-picker,.import-previews canvas{max-width:100%;image-rendering:pixelated;image-rendering:crisp-edges;background:#000;border:1px solid #323547;display:block}.picker-host{max-height:320px;overflow:auto}#tile-picker{cursor:pointer}.export-page{flex:1;max-width:1000px;padding:20px 28px;overflow:auto}.export-page h2{margin-top:0}.export-page p{color:#c4c7d2;line-height:1.5}.table-scroll{overflow-x:auto}.export-table{border-collapse:collapse;width:100%}.export-table th,.export-table td{text-align:left;border-bottom:1px solid var(--line);padding:6px 8px}.code{border:1px solid var(--line);background:#0b0c11;border-radius:6px;padding:12px;overflow-x:auto}.statusbar{color:#9ea2b3;border-top:1px solid var(--line);background:#161722;align-items:center;gap:16px;min-height:28px;padding:4px 16px;font-size:11px;display:flex}#status{flex:1}#status[data-kind=error],.import-summary[data-kind=error]{color:var(--error)}dialog{background:var(--panel);color:var(--text);border:1px solid var(--control-line);border-radius:8px;width:min(620px,94vw);padding:18px}dialog::backdrop{background:#0009}dialog h2{margin:0 0 8px;font-size:16px}dialog .field,dialog .row,dialog .check{margin-top:10px}.region{border:1px solid var(--line);border-radius:6px;gap:8px;display:flex}.region .field{flex:1;margin-top:0}.import-previews{gap:16px;display:flex}.import-previews figure{margin:0}.import-previews figcaption{color:var(--muted);margin-top:4px;font-size:11px}.grid2{grid-template-columns:1fr 1fr;gap:6px 8px;display:grid}fieldset.plain{border:none;min-width:0;margin:0;padding:0}fieldset.plain legend{text-transform:uppercase;letter-spacing:.6px;color:#9ea2b3;margin-bottom:8px;padding:0;font-size:11px;font-weight:700}fieldset.plain:disabled{opacity:.55}.roll-area{flex-direction:column;flex:1;gap:8px;min-height:0;display:flex}.empty-state{color:#c4c7d2;max-width:520px;margin:auto;line-height:1.5}