:root{--bg:#14141a;--panel:#1c1c24;--line:#2c2c38;--text:#dcdce4;--dim:#8b8b99;--accent:#5b9dff;--amber:#f2b03d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:13px/1.4 system-ui,sans-serif}#app{grid-template:"top top""side main"1fr"status status"/180px 1fr;min-width:1024px;height:100%;min-height:700px;display:grid}.banner{z-index:10;color:#fff;background:#b3261e;align-items:center;gap:12px;padding:8px 12px;display:flex;position:fixed;inset:0 0 auto}.banner[hidden],[hidden]{display:none!important}.top{background:var(--panel);border-bottom:1px solid var(--line);grid-area:top;align-items:center;gap:24px;padding:6px 12px;display:flex}.top h1{margin:0;font-size:14px}.time{align-items:center;gap:4px;display:flex}.lbl{color:var(--dim);margin:0 4px 0 12px}.side{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;grid-area:side;gap:4px;padding:8px;display:flex;overflow-y:auto}.side h2{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);margin:4px 0;font-size:11px}.side hr{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.side label{color:var(--dim)}.side label b{color:var(--text)}.side input[type=range]{width:100%;margin:0}.hint{color:var(--amber)}.view,.palette{flex-direction:column;gap:2px;display:flex}.group{flex-direction:column;gap:4px;display:flex}.modes{gap:2px;display:flex}.modes button{text-align:center;min-width:64px}.inventory{color:var(--dim);margin:0 0 4px 18px;font-size:12px}.inventory .count{float:right;font-variant-numeric:tabular-nums}.inventory .bar{background:#262633;border-radius:2px;height:4px;margin-top:2px;overflow:hidden}.inventory .bar i{background:var(--accent);height:100%;display:block}.swatch.picker{border:1px dashed var(--dim);background:0 0}.swatch.icepick{background:linear-gradient(135deg,#0000 40%,#c9d3dc 40% 60%,#0000 60%),#4d4440}button{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;text-align:left;background:#262633;border-radius:4px;padding:3px 8px}button:hover:not(:disabled){background:#30303f}button:disabled{opacity:.4;cursor:default}button.active{border-color:var(--accent);background:#22314d}.time button{text-align:center;min-width:32px}.swatch{border:1px solid #0006;border-radius:2px;width:10px;height:10px;margin-right:6px;display:inline-block}.swatch.eraser{background:repeating-conic-gradient(#555 0 25%, #222 0 50%) 0 0 / 6px 6px}.main{grid-area:main;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:relative}.stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.stage canvas{position:absolute}canvas.world{image-rendering:pixelated;background:#0b0b0f}canvas.overlay{cursor:none;touch-action:none}.badge{letter-spacing:.08em;pointer-events:none;background:#000a;border-radius:4px;padding:2px 8px;font-weight:600;position:absolute;top:8px;right:12px}.status{background:var(--panel);border-top:1px solid var(--line);color:var(--dim);font-variant-numeric:tabular-nums;grid-area:status;gap:16px;padding:4px 12px;display:flex}.slow{color:var(--amber)}.msg{color:var(--text);margin-left:auto}.tool-desc{color:var(--dim);margin:0 0 4px;font-size:12px;line-height:1.35}.tool-hint{color:var(--text);white-space:nowrap;pointer-events:none;opacity:0;background:#000b;border-radius:4px;padding:3px 10px;font-size:12px;transition:opacity .4s;position:absolute;left:50%;transform:translate(-50%)}.tool-hint.shown{opacity:1}