.list { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:6px; justify-content:center; max-width:720px; }
.list li { display:flex; align-items:center; gap:6px; padding:3px 10px 3px 4px; border:1px solid var(--line); border-radius:999px; background:var(--panel); font-size:.82rem; font-weight:700; text-transform:capitalize; }
.list li canvas { width:30px; height:30px; background:#2c3548; border-radius:50%; }
.list li.done { opacity:.5; text-decoration:line-through; border-color:#4ade80; }
.scene { width:min(760px, 100%); max-height:72vh; overflow:auto; border:2px solid var(--line); border-radius:14px; background:#111; }
.scene canvas { display:block; width:100%; height:auto; cursor:crosshair; touch-action:pan-x pan-y; }
.zl { min-width:3.2em; text-align:center; color:var(--muted); font-weight:700; }
.bar button { min-height:44px; min-width:44px; }
#levels button.on { background:var(--accent); color:var(--accent-ink,#06202e); }
#scenes[hidden] { display:none; }
#scenes button.on { background:var(--accent); color:var(--accent-ink,#06202e); }