#creator{--bg:#0b0b14;--surface:#1a1a38;--surface-2:#232350;--line:#3a3a86;--line-soft:#2a2a5c;--text:#f1f2ff;--muted:#b4b7d8;--gold:#ffd84a;--pink:#ff4f7b;--cyan:#3be0ff;--font-pixel:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Courier New", monospace;z-index:10;color:var(--text);font-family:var(--font-pixel);background:radial-gradient(at 50% 0,#1b1b48 0%,#0b0b14 62%);font-size:14px;display:none;position:fixed;inset:0;overflow:auto}#creator.open{display:block}#creator.overlay-mode{background:#060610f0}#creator *,#creator :before,#creator :after{box-sizing:border-box}.cc-wrap{gap:12px;max-width:1040px;margin:0 auto;padding:16px;display:grid}.cc-title{letter-spacing:.08em;color:var(--gold);text-shadow:3px 3px #000;text-transform:uppercase;margin:0;font-size:22px}.cc-sub{color:var(--muted);margin:2px 0 0;font-size:12px}.cc-main{grid-template-columns:minmax(250px,300px) minmax(0,1fr);align-items:start;gap:12px;display:grid}@media (width<=760px){.cc-main{grid-template-columns:minmax(0,1fr)}}.cc-wrap>*,.cc-main>*,.cc-bottom>*,.cc-fields>*{min-width:0}.cc-panel{background:var(--surface);border:2px solid var(--line);padding:12px;box-shadow:0 4px #000}.cc-preview{justify-items:center;gap:8px;display:grid}.cc-preview canvas{width:240px;height:300px;image-rendering:pixelated;image-rendering:crisp-edges;border:2px solid var(--line-soft);background:#10102a;max-width:100%}.cc-animrow{justify-content:center;align-items:center;gap:6px;width:100%;display:flex}.cc-animname{text-align:center;min-width:84px;color:var(--cyan);text-transform:uppercase;font-size:12px}.cc-chips{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}#creator button,#creator input{font:inherit;color:var(--text)}.cc-btn{background:var(--surface-2);border:2px solid var(--line);cursor:pointer;text-transform:uppercase;padding:6px 10px;font-size:12px;box-shadow:0 3px #000}.cc-btn:hover{border-color:var(--cyan)}.cc-btn:active{transform:translateY(2px);box-shadow:0 1px #000}.cc-btn.small{padding:3px 7px;font-size:11px}.cc-btn[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#2f2f7a}.cc-btn.primary{background:var(--gold);color:#1a1a2e;border-color:#fff3b0;font-weight:700}.cc-btn.primary:hover{background:#ffe680}.cc-btn[disabled]{opacity:.5;cursor:not-allowed}#creator :focus-visible{outline-offset:2px;outline:3px solid #fff}.cc-tabs{flex-wrap:wrap;gap:4px;margin-bottom:10px;display:flex}.cc-tab{background:var(--surface-2);border:2px solid var(--line-soft);cursor:pointer;text-transform:uppercase;padding:5px 9px;font-size:12px}.cc-tab[aria-selected=true]{border-color:var(--gold);color:var(--gold);background:#2f2f7a}.cc-stepper{align-items:center;gap:8px;margin-bottom:12px;display:flex}.cc-stepval{text-align:center;border:2px solid var(--line-soft);background:#10102a;flex:1;min-width:0;padding:7px 8px}.cc-stepval b{color:var(--gold);font-size:15px;display:block}.cc-stepval span{color:var(--muted);font-size:11px}.cc-group{margin-bottom:10px}.cc-group h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0 0 5px;font-size:12px;font-weight:400}.cc-swatches{grid-template-columns:repeat(auto-fill,minmax(26px,1fr));gap:4px;max-width:420px;display:grid}.cc-sw{aspect-ratio:1;cursor:pointer;border:2px solid #000;width:100%;padding:0;box-shadow:inset 0 0 0 2px #ffffff1f}.cc-sw[aria-checked=true]{box-shadow:0 0 0 2px var(--gold), inset 0 0 0 2px #ffffff4d;border-color:#fff;transform:scale(1.08)}.cc-hint{color:var(--muted);margin:6px 0 0;font-size:12px}.cc-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}@media (width<=760px){.cc-bottom{grid-template-columns:minmax(0,1fr)}}.cc-fields{grid-template-columns:minmax(140px,240px) minmax(0,1fr);gap:10px;display:grid}@media (width<=760px){.cc-fields{grid-template-columns:minmax(0,1fr)}}.cc-field label{color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:11px;display:block}.cc-field input{border:2px solid var(--line);background:#0f0f1e;width:100%;padding:7px 8px}.cc-field input[readonly],.cc-field input:disabled{opacity:.6}.cc-codewrap{gap:6px;display:flex}.cc-actions{flex-wrap:wrap;gap:8px;display:flex}.cc-status{min-height:16px;color:var(--muted);font-size:12px}.cc-status.err{color:var(--pink)}.cc-tools{flex-wrap:wrap;gap:8px;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sbh-overlay,#sbh-hint,#sbh-paddebug{--bg:#0b0b14;--surface:#1a1a38;--surface-2:#232350;--line:#3a3a86;--line-soft:#2a2a5c;--text:#f1f2ff;--muted:#b4b7d8;--gold:#ffd84a;--pink:#ff4f7b;--cyan:#3be0ff;--font-pixel:ui-monospace, "Cascadia Mono", "SF Mono", Consolas, "Courier New", monospace;font-family:var(--font-pixel);color:var(--text);box-sizing:border-box}.sbh-overlay *,.sbh-overlay :before,.sbh-overlay :after{box-sizing:border-box}.sbh-overlay{background:#060610eb;font-size:14px;display:none;position:fixed;inset:0;overflow:auto}#sbh-menu{z-index:12}#sbh-controls{z-index:14;background:radial-gradient(at 50% 0,#1b1b48 0%,#0b0b14 70%)}.sbh-overlay.open{place-items:start center;padding:16px;display:grid}.sbh-panel{background:var(--surface);border:2px solid var(--line);gap:10px;width:min(760px,100%);margin-top:4vh;padding:14px;display:grid;box-shadow:0 4px #000}.sbh-menupanel{width:min(420px,100%)}.sbh-title{letter-spacing:.08em;color:var(--gold);text-shadow:3px 3px #000;text-transform:uppercase;margin:0;font-size:22px}.sbh-note{color:var(--muted);margin:0;font-size:12px}.sbh-list{gap:8px;display:grid}.sbh-btn{font:inherit;color:var(--text);background:var(--surface-2);border:2px solid var(--line);cursor:pointer;text-transform:uppercase;text-align:center;padding:8px 12px;font-size:13px;box-shadow:0 3px #000}.sbh-btn:hover{border-color:var(--cyan)}.sbh-btn:active{transform:translateY(2px);box-shadow:0 1px #000}.sbh-btn.small{padding:4px 9px;font-size:12px}.sbh-btn.primary{background:var(--gold);color:#1a1a2e;border-color:#fff3b0;font-weight:700}.sbh-btn[disabled]{opacity:.5;cursor:not-allowed}.sbh-overlay :focus-visible,#sbh-hint :focus-visible{outline-offset:2px;outline:3px solid #fff}.sbh-row{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(110px,1.1fr) minmax(0,1.4fr) minmax(0,1.6fr);align-items:center;gap:8px;padding:4px 6px;display:grid}.sbh-headrow{color:var(--cyan);text-transform:uppercase;border-bottom:2px solid var(--line);font-size:11px}.sbh-rowlabel{color:var(--text)}.sbh-cell{flex-wrap:wrap;align-items:center;gap:5px;min-width:0;display:flex}.sbh-unbound{color:var(--muted);font-size:11px;font-style:italic}.sbh-chip{font:inherit;color:var(--text);border:2px solid var(--line-soft);cursor:pointer;background:#10102a;justify-content:center;align-items:center;min-width:34px;min-height:30px;padding:3px 6px;display:inline-flex}.sbh-chip:hover{border-color:var(--cyan)}.sbh-chip.add{color:var(--muted)}.sbh-chip.listening{border-color:var(--gold);background:#2f2f7a;animation:.8s steps(2,end) infinite sbh-blink}@keyframes sbh-blink{50%{border-color:var(--pink)}}.sbh-steprow{grid-template-columns:minmax(110px,1fr) auto minmax(70px,auto) auto;justify-content:start}.sbh-menupanel .sbh-steprow{grid-template-columns:minmax(70px,1fr) auto minmax(80px,auto) auto}.sbh-stepval{text-align:center;color:var(--gold);min-width:70px}.sbh-settings{margin-top:6px;display:grid}.sbh-status{min-height:1.4em;color:var(--cyan);font-size:12px}.sbh-status.err{color:var(--pink)}.sbh-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}@media (width<=640px){.sbh-row{grid-template-columns:1fr}.sbh-steprow{grid-template-columns:1fr auto auto auto}}.sbh-glyph{vertical-align:middle;justify-content:center;align-items:center;line-height:1;display:inline-flex}.sbh-glyph svg{display:block}.sbh-glyph-pill{color:var(--text);background:#10102a;border:2px solid #8c90b5;border-radius:11px;min-width:22px;height:22px;padding:2px 6px;font-size:11px;font-weight:700}.sbh-keycap{font:inherit;color:#1a1a2e;text-align:center;background:#e9eaf8;border-top:2px solid #fff;border-bottom:4px solid #8588ae;border-left:2px solid #fff;border-right:2px solid #b9bad6;min-width:22px;padding:2px 6px;font-size:11px;font-weight:700;line-height:1.2;display:inline-block}.sbh-hintitem{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.sbh-navbar{border-top:2px solid var(--line);color:var(--muted);background:#0b0b14;flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:14px;padding:6px 10px;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:12px;display:flex;position:sticky;bottom:0}.sbh-navbar[hidden]{display:none}#creator .sbh-navbar{z-index:2;position:sticky;bottom:0}.sbh-overlay .sbh-navbar{position:fixed;bottom:0;left:0;right:0}#sbh-hint{z-index:8;border:2px solid var(--pink);background:#1a1a38f0;flex-wrap:wrap;align-items:center;gap:12px;max-width:calc(100vw - 24px);padding:6px 10px;font-size:12px;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 3px #000}#sbh-hint[hidden]{display:none}#sbh-hint .sbh-btn{padding:0 8px}#sbh-paddebug{z-index:25;white-space:pre-wrap;word-break:break-all;color:#8f8;pointer-events:none;background:#000000d1;border:1px solid #3a3a86;max-width:62vw;max-height:96vh;margin:0;padding:6px 8px;font-size:11px;line-height:1.3;position:fixed;top:4px;right:4px;overflow:auto}