:root{--bg:#f1f2f3;--panel:#fff;--fg:#1d2226;--muted:#5d686f;--line:#d3d8db;--accent:#c8322b;--accent-fg:#fff;--scene:#e4e8ea;--chip:#eef0f1;--f-display:"Barlow Condensed", "Arial Narrow", sans-serif;--f-body:"Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14181b;--panel:#1d2327;--fg:#e6eaec;--muted:#98a4ab;--line:#313b41;--accent:#ef5a50;--accent-fg:#14181b;--scene:#1a2024;--chip:#262e33}}html,body,#root{height:100%;margin:0}html{-webkit-tap-highlight-color:transparent}.stage canvas{-webkit-user-select:none;user-select:none;touch-action:none}@supports (height:100dvh){html,body,#root{height:100dvh}}#root{box-sizing:border-box;padding-block:max(10px, env(safe-area-inset-top,0px)) max(10px, env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;gap:10px;display:flex;overflow:hidden}body{background:var(--bg);color:var(--fg);font:15px/1.4 var(--f-body)}header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}h1{font:700 22px/1 var(--f-display);letter-spacing:.04em;text-transform:uppercase;margin:0}h1 small{font:500 12px/1.3 var(--f-body);letter-spacing:.02em;text-transform:none;color:var(--muted);margin-top:4px;display:block}.row{flex-wrap:wrap;gap:6px;display:flex}button{font:500 13px/1 var(--f-body);color:var(--fg);background:var(--chip);border:1px solid var(--line);cursor:pointer;border-radius:4px;padding:8px 12px}button:hover{border-color:var(--muted)}button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.stage{background:var(--scene);border:1px solid var(--line);border-radius:4px;flex:1;min-height:0;position:relative;overflow:hidden}.hint{background:var(--panel);max-width:calc(100% - 20px);color:var(--muted);border:1px solid var(--line);pointer-events:none;border-radius:3px;padding:5px 8px;font-size:12px;position:absolute;bottom:10px;left:10px}.hint b{color:var(--fg);font-weight:600}.dim{font:600 12px/1 var(--f-display);letter-spacing:.05em;background:var(--panel);color:var(--fg);border:1px solid var(--accent);white-space:nowrap;border-radius:2px;padding:3px 6px}.tools{align-items:center;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tools button{flex:none}.lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex:none;font-size:12px}.sep{background:var(--line);flex:none;align-self:stretch;width:1px;margin:0 4px}details{color:var(--muted);font-size:13px}summary{cursor:pointer;width:max-content}details ul{max-width:80ch;max-height:22vh;margin:6px 0 0;padding-left:18px;overflow:auto}details li+li{margin-top:3px}.tools,.views{scrollbar-width:none}.tools::-webkit-scrollbar{display:none}.views::-webkit-scrollbar{display:none}@media (pointer:coarse){button{min-height:40px;padding:10px 14px}}@media (width<=640px){h1{font-size:18px}h1 small{display:none}header{gap:8px}.views{flex-wrap:nowrap;width:100%;overflow-x:auto}.views button{flex:none}.dim{padding:2px 4px;font-size:10px}details ul{max-height:32vh}.hint{font-size:11px}}.tabs{border-bottom:1px solid var(--line);gap:4px;display:flex}.tabs a{font:600 14px/1 var(--f-display);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px;text-decoration:none}.tabs a:hover{color:var(--fg)}.tabs a[aria-current=page]{color:var(--fg);border-bottom-color:var(--accent)}.tabs a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}