:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#121212;--panel:#1b1b1b;--line:#333;--text:#e8e8e8;--muted:#a0a0a0;--accent:#e8e8e8}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 system-ui,-apple-system,Segoe UI,sans-serif}main{grid-template-columns:1fr 340px;height:100%;display:grid}#stage{background:repeating-conic-gradient(#202020 0% 25%,#292929 0% 50%) 0 0/24px 24px;grid-template-rows:1fr auto;place-items:center;gap:8px;min-width:0;min-height:0;padding:12px 12px 8px;display:grid;position:relative}canvas{outline:1px solid #555;display:block}#transport{align-items:center;gap:10px;width:min(560px,100%);display:flex}#transport button{min-width:70px;padding:6px 12px}#transport input{flex:1}h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:6px 0 -4px;font-size:12px}#ovpanel{flex-direction:column;gap:9px;display:flex}#ovpanel .row[hidden]{display:none}#ov-note{color:var(--muted);margin:0;font-size:12px}#ov-status{font-variant-numeric:tabular-nums;min-height:1.4em;margin:0;font-size:12px}#ov-bar{width:100%;height:8px}.go{gap:8px;display:flex}.go button{flex:1}.go button[hidden]{display:none}aside{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;gap:12px;padding:14px 16px;display:flex;overflow-y:auto}h1{letter-spacing:.12em;margin:0;font-size:16px}#drop{border:1px dashed #555;border-radius:6px;flex-direction:column;gap:6px;padding:10px;display:flex}#drop.hot{border-color:var(--accent);background:#252525}#drop span{color:var(--muted);font-size:12px}#drop input{max-width:100%;color:var(--muted);font-size:13px}#msg{color:#ffcf6b;min-height:0;margin:0}#msg:empty{display:none}#source{flex-direction:column;gap:6px;display:flex}#source[hidden]{display:none}#swatches{flex-wrap:wrap;gap:6px 12px;display:flex}.sw{align-items:center;gap:6px;display:flex}.sw i{border:1px solid #666;border-radius:4px;flex:none;width:22px;height:22px}.sw code{font:13px ui-monospace,Consolas,monospace}#srcinfo{color:var(--muted);font-size:12px;display:block}#layers[hidden]{display:none}#layers .hd{margin-bottom:4px;font-size:12px}#layers .hd span{color:var(--muted)}#layerlist{flex-direction:column;gap:4px;max-height:168px;display:flex;overflow-y:auto}.lr{grid-template-columns:22px 1fr 56px;align-items:center;gap:8px;display:grid}.lr i{border:1px solid #666;border-radius:4px;width:22px;height:22px}.lr code{font:13px ui-monospace,Consolas,monospace}.lr input{width:56px;color:var(--text);background:#262626;border:1px solid #444;border-radius:4px;padding:3px 6px;font-size:13px}#warnings{color:#ffcf6b;margin:0;padding-left:18px;font-size:12px}#warnings:empty{display:none}#controls{flex-direction:column;gap:9px;display:flex}.row{grid-template-columns:1fr auto;align-items:baseline;gap:2px 8px;display:grid}.row output{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.row input[type=range],.row select{grid-column:1/-1;width:100%}.row select{color:var(--text);background:#262626;border:1px solid #444;border-radius:4px;padding:4px 6px;font-size:13px}.check{align-items:center;gap:8px;display:flex}button{background:var(--accent);color:#111;cursor:pointer;border:0;border-radius:6px;padding:9px 12px;font:600 14px system-ui,sans-serif}button:disabled{color:#777;cursor:not-allowed;background:#3a3a3a}:focus-visible{outline:2px solid #8ab4ff}#stats{color:var(--muted);font-variant-numeric:tabular-nums;margin:0;font-size:12px}@media (max-width:760px){main{grid-template-rows:50% 50%;grid-template-columns:1fr}aside{border-left:0;border-top:1px solid var(--line)}}