*,:before,:after{box-sizing:border-box;scrollbar-width:none;margin:0;padding:0}::-webkit-scrollbar{display:none}[hidden]{display:none!important}:root{--bg:#000;--neon-green:#0f8;--neon-cyan:#00e5ff;--neon-blue:#06f;--neon-magenta:#f0c;--neon-yellow:#fe0;--scanline-color:#00280a73;--border:#0f8;--titlebar-h:28px;--toolbar-h:36px;--font-mono:"Courier New", Courier, monospace}html,body{background:var(--bg);width:100%;height:100%;color:var(--neon-green);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;overflow:hidden}#app{background:var(--bg);border:1px solid var(--border);flex-direction:column;width:100vw;height:100vh;display:flex}#titlebar{height:var(--titlebar-h);background:linear-gradient(90deg, var(--neon-cyan) 0%, var(--neon-blue) 100%);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 6px;display:flex}.titlebar-left{align-items:center;gap:6px;display:flex}#titlebar-text{color:#000;letter-spacing:1px;text-shadow:0 0 4px #ffffff80;font-size:12px;font-weight:700}#fps-counter{color:#000;opacity:.55;letter-spacing:.5px;font-size:11px;font-weight:700}#titlebar-branch{color:#000;letter-spacing:.5px;cursor:default;background:#0000002e;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}#titlebar-buttons{gap:4px;display:flex}.tb-btn{cursor:pointer;-webkit-user-select:none;user-select:none;color:#000;border:1px solid #00000080;border-radius:2px;justify-content:center;align-items:center;width:14px;height:14px;font-size:9px;font-weight:700;display:flex}.tb-btn.minimize{background:#999}.tb-btn.maximize{background:#0c4}.tb-btn.close{background:#999}:fullscreen .tb-btn.minimize{background:#fc0}:fullscreen .tb-btn.maximize{background:#999}:fullscreen .tb-btn.close{background:#f33}.tb-btn.close.tb-capturing,.tb-btn.close.tb-nav{background:#f33}#toolbar{border-bottom:1px solid var(--border);background:#0a0a0a;flex-direction:column;flex-shrink:0;display:flex}#toolbar-row1{min-height:var(--toolbar-h);border-bottom:1px solid #00ff8826;flex-wrap:wrap;align-items:center;gap:4px;padding:0 8px;display:flex}#toolbar-row2{min-height:var(--toolbar-h);flex-wrap:wrap;align-items:center;gap:4px;padding:0 8px;display:flex}#cat-btns{align-items:center;gap:4px;display:flex}.cat-btn{border:1px solid var(--neon-cyan);height:26px;color:var(--neon-cyan);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:0 0;padding:0 12px;font-size:11px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s}.cat-btn:hover{box-shadow:0 0 6px var(--neon-cyan);background:#00e5ff26}.cat-btn.active{background:var(--neon-cyan);color:#000;box-shadow:0 0 10px var(--neon-cyan), 0 0 20px #00e5ff66}.mode-btn{border:1px solid var(--neon-green);height:26px;color:var(--neon-green);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;text-transform:uppercase;background:0 0;padding:0 12px;font-size:12px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s}.mode-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.mode-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}#gear-btn{border:1px solid var(--neon-green);width:26px;height:26px;color:var(--neon-green);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:16px;line-height:1;transition:background .1s,color .1s,box-shadow .1s;display:flex}#gear-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}#gear-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}#toolbar-end{align-items:center;gap:6px;margin-left:auto;display:flex}#toolbar-capture-err{color:#ff7040;text-align:right;padding:2px 8px 4px;font-size:11px}#toolbar-capture-err.hidden{display:none}#audio-stall-btn{color:#ff6b60;height:26px;font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #ff3b30;padding:0 8px;font-size:10px;font-weight:700;animation:1.4s ease-in-out infinite audio-stall-pulse}#audio-stall-btn:hover{background:#ff3b302e}#audio-stall-btn.hidden{display:none}@keyframes audio-stall-pulse{0%,to{box-shadow:0 0 4px #ff3b3059}50%{box-shadow:0 0 10px #ff3b30b3}}.lv-source-select{height:26px;color:var(--neon-green);border:1px solid var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:#0a0a0a;border-radius:2px;max-width:150px;padding:0 6px;font-size:11px}.lv-source-select:focus{outline:1px solid var(--neon-green)}.lv-source-select option,.lv-source-select optgroup{background:#0a0a0a}#synth-vol-row{color:#00ff88a6;letter-spacing:.5px;align-items:center;gap:5px;font-size:10px;display:inline-flex}#synth-vol-row input[type=range]{width:64px;accent-color:var(--neon-green);cursor:pointer}#center-info{align-items:center;gap:8px;display:flex}#prep-indicator{color:#000;letter-spacing:.5px;opacity:.8;cursor:help;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}#prep-indicator #prep-spinner{font-size:11px;animation:.9s linear infinite prep-spin;display:inline-block}@keyframes prep-spin{to{transform:rotate(360deg)}}#beat-indicator{color:#000;letter-spacing:.5px;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex}#beat-dot{color:var(--neon-cyan);font-size:9px}#now-playing-text{opacity:.75}.detection-btn{border:1px solid var(--neon-green);height:26px;color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s,text-shadow .12s;display:inline-flex}.detection-btn-icon{font-size:12px}.detection-btn-score{font-variant-numeric:tabular-nums;text-align:right;min-width:26px}.detection-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.detection-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}.detection-btn.voice-lit:not(.active){border-color:var(--neon-magenta);color:var(--neon-magenta);text-shadow:0 0 6px var(--neon-magenta);box-shadow:0 0 8px #ff00c873}.detection-btn.voice-error:not(.active){color:#ff3b30;border-color:#ff3b30}.voice-status{color:var(--neon-green);border-bottom:1px solid #00ff8840;align-items:center;gap:8px;padding:6px 10px;font-size:11px;line-height:1.35;display:flex}.voice-status.hidden{display:none}.voice-status-msg{flex:1}.voice-status.voice-status-error{color:#ff6b60;border-bottom-color:#ff3b3059}.voice-status-retry{color:#ff6b60;font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;border:1px solid #ff3b30;flex:none;padding:2px 8px;font-size:10px;font-weight:700}.voice-status-retry:hover{background:#ff3b302e}.voice-status-retry.hidden{display:none}.detection-panel{z-index:40;border:1px solid var(--neon-green);width:280px;max-height:80vh;color:var(--neon-green);background:#040a06f0;font-size:12px;position:fixed;overflow-y:auto;box-shadow:0 0 14px #00ff8859}.detection-panel.hidden{display:none}.signal-btn{border:1px solid var(--neon-green);height:26px;color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;align-items:center;gap:4px;padding:0 8px;font-size:11px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s;display:inline-flex}.signal-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.signal-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}.signal-panel{z-index:40;border:1px solid var(--neon-green);width:260px;color:var(--neon-green);background:#040a06f0;font-size:12px;position:fixed;box-shadow:0 0 14px #00ff8859}.signal-panel.hidden{display:none}.sg-gate{border-bottom:1px solid #00ff8826;padding:6px 10px 4px}.sg-gate:last-child{border-bottom:none}.sg-hdr{align-items:center;gap:6px;margin-bottom:4px;display:flex}.sg-label{flex:1;font-weight:700}.sg-live{font-variant-numeric:tabular-nums;text-align:right;opacity:.7;min-width:30px}.sg-dot{border-radius:50%;flex:none;width:8px;height:8px;transition:background .1s,box-shadow .1s}.sg-dot-open{background:var(--neon-green);box-shadow:0 0 5px var(--neon-green)}.sg-dot-closed{background:#0f83}.sg-thresh{margin-bottom:0;padding-left:2px}.sg-sub{opacity:.6;margin:7px 0 3px;font-size:11px;font-style:italic}#controls-panel{z-index:30;border:1px solid var(--neon-green);width:240px;color:var(--neon-green);background:#040a06f0;font-size:12px;position:absolute;top:8px;right:8px;box-shadow:0 0 14px #00ff8859}#controls-panel.hidden{display:none}.cp-header{border-bottom:1px solid var(--neon-green);background:#00ff881f;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.cp-title{letter-spacing:1px;font-weight:700}.cp-header-btns{align-items:center;gap:4px;display:flex}.cp-close,.cp-we{border:1px solid var(--neon-green);height:16px;color:var(--neon-green);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:10px;display:flex}.cp-close{width:16px}.cp-we{padding:0 4px}.cp-close:hover,.cp-we:hover{background:#0f83}.cp-we--on{background:#00ff8859;font-weight:700}.cp-filter{border-bottom:1px solid #00ff8840;padding:6px 8px}.cp-filter-input{box-sizing:border-box;width:100%;color:var(--neon-cyan);font:inherit;background:#0a0a0a;border:1px solid #00ff8840;border-radius:2px;padding:3px 6px;font-size:11px}.cp-filter-input::placeholder{color:#00e5ff4d}.cp-filter-input:focus{outline:1px solid var(--neon-green)}.cp-filter-empty{padding:2px 0}.cp-body{flex-direction:column;gap:10px;max-height:70vh;padding:10px 8px;display:flex;overflow-y:auto}.cp-row{cursor:pointer;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cp-attribution{color:#00ff88a6;cursor:default;flex-wrap:wrap;flex-basis:100%;gap:4px 8px;margin:0;padding:2px 0 0;font-size:10px;display:flex}.cp-attribution dt{font-weight:700}.cp-attribution dt:after{content:":"}.cp-attribution dd{margin:0}.cp-label{white-space:nowrap;flex:1}.cp-lock{width:16px;height:16px;color:var(--neon-green);cursor:pointer;background:0 0;border:1px solid #00ff8859;flex:none;justify-content:center;align-items:center;padding:0;font-size:9px;line-height:1;display:flex}.cp-lock:hover{background:#00ff8826}.cp-lock--on{border-color:var(--neon-magenta);background:#ff00cc2e}.cp-slider .cp-value{text-align:right;width:38px;color:var(--neon-cyan);font-variant-numeric:tabular-nums}.cp-slider input[type=range]{min-width:0;accent-color:var(--neon-green);cursor:pointer;flex:1.4}.cp-toggle input[type=checkbox]{width:14px;height:14px;accent-color:var(--neon-green);cursor:pointer}.cp-select-input{color:var(--neon-cyan);font:inherit;cursor:pointer;background:#0a0a0a;border:1px solid #00ff8840;border-radius:2px;flex:1.4;padding:2px 4px;font-size:10px}.cp-select-input:focus{outline:1px solid var(--neon-green)}.cp-select-input option{background:#0a0a0a}.cp-text-input{color:var(--neon-cyan);font:inherit;background:#0a0a0a;border:1px solid #00ff8840;border-radius:2px;flex:1.4;padding:2px 6px;font-size:10px}.cp-text-input::placeholder{color:#00e5ff4d}.cp-text-input:focus{outline:1px solid var(--neon-green)}.cp-multiselect{cursor:default;flex-direction:column;align-items:stretch;gap:5px}.cp-multiselect .cp-options{flex-direction:column;gap:4px;padding-left:4px;display:flex}.cp-multiselect .cp-options label{cursor:pointer;align-items:center;gap:6px;display:flex}.cp-multiselect .cp-options input[type=checkbox]{width:13px;height:13px;accent-color:var(--neon-green);cursor:pointer}.cp-matrix{cursor:default;flex-direction:column;align-items:stretch;gap:6px}.cp-matrix-grid{align-items:center;gap:5px 2px;margin-top:2px;display:grid}.cp-matrix-grid .cp-matrix-clear{font-family:var(--font-mono);border:1px solid var(--neon-magenta);color:var(--neon-magenta);cursor:pointer;letter-spacing:.5px;background:#ff00cc2e;padding:1px 3px;font-size:9px;line-height:1.3}.cp-matrix-grid .cp-matrix-clear:hover{box-shadow:0 0 4px var(--neon-magenta);background:#ff00cc26}.cp-matrix-grid .cp-mh{text-align:center;color:var(--neon-cyan);letter-spacing:.5px;cursor:help;font-size:10px}.cp-matrix-grid .cp-rl{white-space:nowrap;padding-right:4px;font-size:11px}.cp-matrix-grid .cp-cell{justify-content:center;display:flex}.cp-matrix-grid .cp-cell input[type=checkbox]{width:13px;height:13px;accent-color:var(--neon-green);cursor:pointer;margin:0}.cp-gallery{cursor:default;flex-direction:column;align-items:stretch;gap:6px}.cp-gallery-body{flex-direction:column;gap:6px;margin-top:2px;display:flex}.cp-gallery-row{flex-direction:column;gap:3px;display:flex}.cp-gallery-rl{color:var(--neon-cyan);letter-spacing:.5px;font-size:10px}.cp-gallery-chips{flex-wrap:wrap;gap:3px;display:flex}.cp-gallery-chip{font-family:var(--font-mono);color:#888;cursor:pointer;letter-spacing:.3px;background:#00ff880f;border:1px solid #00ff884d;border-radius:2px;padding:2px 5px;font-size:9px;line-height:1.4}.cp-gallery-chip:hover{border-color:var(--neon-green);color:var(--neon-green)}.cp-gallery-chip--on{border-color:var(--neon-green);color:var(--neon-green);background:#00ff8838;box-shadow:0 0 4px #0f86}.cp-colorpicker .cp-swatch-wrap{cursor:pointer;align-items:center;gap:5px;display:flex}.cp-colorpicker .cp-swatch{border:1px solid #00ff8873;border-radius:2px;flex-shrink:0;width:22px;height:22px;transition:box-shadow .1s}.cp-colorpicker .cp-swatch-wrap:hover .cp-swatch{box-shadow:0 0 5px #00ff8880}.cp-colorpicker .cp-hex-val{color:var(--neon-cyan);letter-spacing:.03em;min-width:52px;font-size:10px}.cp-popup{z-index:9999;-webkit-user-select:none;user-select:none;width:190px;font-family:var(--font-mono);background:#000;border:1px solid #00ff8880;flex-direction:column;gap:7px;padding:8px;display:flex;position:fixed;box-shadow:0 4px 24px #000000e6,0 0 8px #00ff881f}.cp-popup[hidden]{display:none}.cp-popup-sq{background:linear-gradient(to bottom, transparent, #000), linear-gradient(to right, #fff, var(--sq-hue,red));cursor:crosshair;width:100%;height:110px;position:relative;overflow:hidden}.cp-popup-sq-cursor{pointer-events:none;border:2px solid #ffffffe6;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c}.cp-popup-hue{cursor:crosshair;background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);width:100%;height:12px;position:relative}.cp-popup-hue-cursor{pointer-events:none;background:#fff;border:1px solid #00000080;width:3px;height:calc(100% + 4px);position:absolute;top:-2px;transform:translate(-50%)}.cp-popup-bottom{align-items:center;gap:6px;display:flex}.cp-popup-preview{border:1px solid #00ff8873;border-radius:2px;flex-shrink:0;width:22px;height:22px}.cp-popup-hex{color:var(--neon-cyan);font:inherit;letter-spacing:.05em;background:#0a0a0a;border:1px solid #00ff8840;border-radius:2px;flex:1;padding:3px 5px;font-size:11px}.cp-popup-hex:focus{outline:1px solid var(--neon-green)}.cp-separator{color:#666;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;margin:4px 0 2px;font-size:9px;display:flex}.cp-separator:before,.cp-separator:after{content:"";background:#2a2a2a;flex:1;height:1px}.cp-separator:not(:has(span)):after{display:none}.cp-recenter{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:2px;flex:none;padding:2px 7px;font-size:9px}.cp-recenter:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.cp-empty{color:#888;font-style:italic;line-height:1.5}.cp-subviz{background:#ffffff04;border:1px solid #2a2a2a;border-radius:3px;margin:4px 0}.cp-subviz-summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:5px 8px;list-style:none;display:flex}.cp-subviz-summary::-webkit-details-marker{display:none}.cp-subviz-summary:before{content:"▸";color:var(--neon-green);font-size:9px;transition:transform .12s}.cp-subviz[open]>.cp-subviz-summary:before{transform:rotate(90deg)}.cp-subviz-summary .cp-label{flex:1}.cp-subviz-summary .cp-select-input{flex:1.2}.cp-subviz-body{border-left:1px solid #2a2a2a;margin-left:8px;padding:2px 8px 6px 12px}.cp-sequencer{display:block}.cp-seq-band{background:#ffffff04;border:1px solid #2a2a2a;border-radius:3px;margin:4px 0}.cp-seq-summary{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:5px 8px;font-size:11px;list-style:none;display:flex}.cp-seq-summary::-webkit-details-marker{display:none}.cp-seq-summary:before{content:"▸";color:var(--neon-green);font-size:9px;transition:transform .12s}.cp-seq-band[open]>.cp-seq-summary:before{transform:rotate(90deg)}.cp-seq-body{border-left:1px solid #2a2a2a;margin-left:8px;padding:4px 8px 6px 12px}.cp-seq-step{align-items:center;gap:4px;margin:3px 0;display:flex}.cp-seq-idx{color:#888;text-align:right;min-width:14px;font-size:10px}.cp-seq-move{flex:1;min-width:0}.cp-seq-beats{width:40px;color:var(--neon-green);background:#0a0a0a;border:1px solid #2a2a2a;border-radius:3px;padding:2px 4px;font-size:11px}.cp-seq-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #2a2a2a;border-radius:3px;padding:1px 4px;font-size:10px;line-height:1.2}.cp-seq-btn:hover:not(:disabled){border-color:var(--neon-green);color:var(--neon-green)}.cp-seq-btn:disabled{opacity:.3;cursor:default}.cp-seq-rm:hover{color:#e05;border-color:#e05}.cp-seq-add{color:#aaa;cursor:pointer;background:0 0;border:1px dashed #2a2a2a;border-radius:3px;width:100%;margin-top:4px;padding:3px 0;font-size:11px}.cp-seq-add:hover{border-color:var(--neon-green);color:var(--neon-green)}.cp-seq-empty{color:#777;padding:2px 0;font-size:10px;font-style:italic}.cp-footer{gap:6px;margin:0 8px 10px;display:flex}.cp-reset,.cp-copy,.cp-qr{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);letter-spacing:1px;cursor:pointer;background:0 0;flex:1;padding:5px 0;font-size:11px;font-weight:700}.cp-reset:hover,.cp-copy:hover,.cp-qr:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.cp-reset[hidden],.cp-copy[hidden],.cp-qr[hidden]{display:none}.cp-qr-popup{align-items:center;width:auto}.cp-qr-img{width:190px;height:190px;image-rendering:pixelated;background:#fff}.cp-qr-img[hidden]{display:none}.cp-qr-note{color:#888;text-align:center;max-width:190px;font-size:10px;line-height:1.4}.cp-qr-note:empty{display:none}#cp-tooltip{pointer-events:none;z-index:9999;border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);white-space:nowrap;background:#040a06f5;padding:2px 7px;font-size:11px;position:fixed;box-shadow:0 0 6px #00ff884d}.tb-btn{transition:box-shadow .15s,opacity .15s}.tb-btn:hover{filter:brightness(1.3)}.tb-btn.minimize:hover,.tb-btn.close:not(.tb-capturing):hover{filter:none}:fullscreen .tb-btn.maximize:hover{filter:none}:fullscreen .tb-btn.close:hover{filter:brightness(1.3)}.tb-btn.close.tb-capturing{animation:1s ease-in-out infinite red-pulse}@keyframes red-pulse{0%,to{box-shadow:0 0 4px #f33}50%{box-shadow:0 0 10px #f33,0 0 20px #ff333380}}#crt-btn{border:1px solid var(--neon-green);width:38px;height:26px;color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s;display:flex}#crt-btn:hover{background:#00ff8826}#crt-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}#canvas-wrap{background:#000;flex:1;position:relative;overflow:hidden}#main-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}#canvas-wrap.crt:after{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0px, transparent calc(var(--scanline-period,4px) - var(--scanline-line,1px)), var(--scanline-color) calc(var(--scanline-period,4px) - var(--scanline-line,1px)), var(--scanline-color) var(--scanline-period,4px));position:absolute;inset:0}#start-overlay{z-index:10;background:#000000d1;flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex;position:absolute;inset:0}#start-overlay.hidden{display:none}#overlay-logo{letter-spacing:6px;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan), 0 0 30px var(--neon-cyan), 0 0 60px #00e5ff66;font-size:42px;font-weight:700}#overlay-version{color:var(--neon-green);letter-spacing:3px;opacity:.8;font-size:14px}#overlay-source-row{align-items:center;gap:10px;display:flex}#overlay-source-label{color:#888;letter-spacing:1px;text-transform:uppercase;font-size:12px}#overlay-source{color:var(--neon-cyan);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:#0a0a0a;border:1px solid #00e5ff66;border-radius:2px;min-width:160px;padding:4px 8px;font-size:12px}#overlay-source:focus{outline:1px solid var(--neon-cyan)}#overlay-source option,#overlay-source optgroup{background:#0a0a0a}#overlay-volume{width:80px;accent-color:var(--neon-cyan);cursor:pointer}#overlay-hint{color:#888;text-align:center;max-width:320px;font-size:13px;line-height:1.6}#overlay-hint .overlay-error{color:#ff7040}#overlay-capture-btn{border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-mono);letter-spacing:2px;cursor:pointer;text-transform:uppercase;background:0 0;padding:10px 28px;font-size:15px;font-weight:700;animation:1.4s ease-in-out infinite pulse-border}@keyframes pulse-border{0%,to{box-shadow:0 0 6px var(--neon-cyan), 0 0 12px #00e5ff4d}50%{box-shadow:0 0 16px var(--neon-cyan), 0 0 32px #00e5ff99, 0 0 48px #00e5ff33}}#overlay-capture-btn:hover{background:#00e5ff1f}.page-nav{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.page-nav-trigger{color:var(--neon-cyan);font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #00e5ff59;align-items:center;height:20px;padding:1px 5px 2px;font-size:13px;line-height:1;transition:background .1s,box-shadow .1s;display:flex}.page-nav-trigger:hover,.page-nav-trigger.open{background:#00e5ff1f;box-shadow:0 0 6px #00e5ff4d}#titlebar .page-nav-trigger{color:#000;height:16px;box-shadow:none;background:#0000002e;border:1px solid #00000073;border-radius:2px;padding:0 5px;font-size:12px}#titlebar .page-nav-trigger:hover,#titlebar .page-nav-trigger.open{box-shadow:none;background:#00000052}#titlebar.titlebar-fixed{z-index:200;position:fixed;top:0;left:0;right:0}.page-nav-dropdown{z-index:300;border:1px solid var(--neon-cyan);background:#030805f7;flex-direction:column;min-width:130px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 0 14px #00e5ff40}.page-nav-dropdown[hidden]{display:none}.page-nav-item{font-family:var(--font-mono);letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;padding:7px 12px;font-size:11px;font-weight:700;text-decoration:none;display:block}a.page-nav-item{color:var(--neon-cyan);transition:background .1s}a.page-nav-item:hover{box-shadow:inset 2px 0 0 var(--neon-cyan);background:#00e5ff1f}.page-nav-current{color:#00e5ff59;cursor:default}.plugin-btn{border:1px solid var(--neon-green);height:26px;color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;align-items:center;padding:0 8px;font-size:11px;font-weight:700;transition:background .1s,color .1s,box-shadow .1s;display:inline-flex}.plugin-btn:hover{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.plugin-btn.active{background:var(--neon-green);color:#000;box-shadow:0 0 10px var(--neon-green), 0 0 20px #0f86}.plugin-panel{z-index:40;border:1px solid var(--neon-green);width:300px;color:var(--neon-green);background:#040a06f0;font-size:12px;position:fixed;box-shadow:0 0 14px #00ff8859}.plugin-panel.hidden{display:none}.plugin-panel-body{flex-direction:column;gap:6px;padding:10px;display:flex}.pp-label{color:#888;letter-spacing:.5px;text-transform:uppercase;font-size:11px}.pp-input-row{gap:6px;display:flex}.pp-url-input{min-width:0;color:var(--neon-cyan);font-family:var(--font-mono);background:#0a0a0a;border:1px solid #00e5ff66;border-radius:2px;flex:1;padding:4px 7px;font-size:11px}.pp-url-input:focus{outline:1px solid var(--neon-cyan)}.pp-load-btn{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);letter-spacing:.5px;cursor:pointer;background:0 0;flex:none;padding:4px 10px;font-size:11px;font-weight:700;transition:background .1s}.pp-load-btn:hover{background:#00ff8826}.pp-load-btn:disabled{opacity:.45;cursor:default}.pp-pw-input{color:var(--neon-cyan);font-family:var(--font-mono);background:#0a0a0a;border:1px solid #00e5ff66;border-radius:2px;padding:4px 7px;font-size:11px}.pp-pw-input:focus{outline:1px solid var(--neon-cyan)}.pp-status{word-break:break-all;font-size:11px;line-height:1.45}.pp-status.hidden{display:none}.pp-status-loading{color:#888}.pp-status-ok{color:var(--neon-green)}.pp-status-error{color:#ff6b60}.pp-active{border-top:1px solid #00ff8840;margin-top:2px;padding-top:6px}.pp-active-head{color:#888;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px}.pp-active-list{flex-direction:column;gap:4px;max-height:140px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.pp-active-row{align-items:center;gap:6px;display:flex}.pp-active-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;overflow:hidden}.pp-active-empty{color:#666;font-size:11px}.pp-active-remove{color:#ff6b60;cursor:pointer;background:0 0;border:1px solid #ff6b6080;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;line-height:1;transition:background .1s,box-shadow .1s;display:inline-flex}.pp-active-remove:hover{background:#ff6b6026;box-shadow:0 0 6px #ff6b6080}.plugin-warn-dialog{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);background:#040a06f7;width:90vw;max-width:420px;padding:0;font-size:13px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 32px #0f86}.plugin-warn-dialog::backdrop{background:#000000b8}.pwd-header{letter-spacing:1.5px;color:var(--neon-green);background:#00ff881f;border-bottom:1px solid #0f86;padding:10px 14px;font-size:13px;font-weight:700}.pwd-body{flex-direction:column;gap:10px;padding:14px;display:flex}.pwd-url-label{letter-spacing:.5px;color:#888;text-transform:uppercase;font-size:10px}.pwd-url{color:var(--neon-cyan);word-break:break-all;background:#00e5ff0f;border:1px solid #00e5ff40;border-radius:2px;padding:6px 8px;font-size:11px}.pwd-warn{color:#ccc;margin:0;font-size:12px;line-height:1.5}.pwd-warn strong{color:#fc4}.pwd-actions{border-top:1px solid #0f83;justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.pwd-cancel{color:#888;font-family:var(--font-mono);cursor:pointer;background:0 0;border:1px solid #0f86;padding:6px 14px;font-size:12px;transition:background .1s,color .1s}.pwd-cancel:hover{color:#ccc;background:#ffffff0f}.pwd-confirm{border:1px solid var(--neon-green);color:var(--neon-green);font-family:var(--font-mono);cursor:pointer;background:0 0;padding:6px 14px;font-size:12px;font-weight:700;transition:background .1s,box-shadow .1s}.pwd-confirm:hover{background:#00ff8826;box-shadow:0 0 8px #00ff8859}