: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}*,:before,:after{box-sizing:border-box;margin:0;padding:0}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-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-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{background:#f33}#toolbar{height:var(--toolbar-h);border-bottom:1px solid var(--border);background:#0a0a0a;flex-shrink:0;align-items:center;gap:4px;padding:0 8px;display:flex}.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;margin-left:auto;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}#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-close{border:1px solid var(--neon-green);width:16px;height:16px;color:var(--neon-green);cursor:pointer;background:0 0;justify-content:center;align-items:center;font-size:10px;display:flex}.cp-close:hover{background:#0f83}.cp-body{flex-direction:column;gap:10px;max-height:70vh;padding:10px 8px;display:flex;overflow-y:auto}.cp-row{cursor:pointer;align-items:center;gap:8px;display:flex}.cp-label{white-space:nowrap;flex:1}.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-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-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-empty{color:#888;font-style:italic;line-height:1.5}.cp-footer{gap:6px;margin:0 8px 10px;display:flex}.cp-reset,.cp-copy{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{box-shadow:0 0 6px var(--neon-green);background:#00ff8826}.cp-reset[hidden],.cp-copy[hidden]{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}}#canvas-wrap{background:#000;flex:1;position:relative;overflow:hidden}#main-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}#canvas-wrap:after{content:"";pointer-events:none;background:repeating-linear-gradient(to bottom, transparent 0px, transparent 3px, var(--scanline-color) 3px, var(--scanline-color) 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-hint{color:#888;text-align:center;max-width:320px;font-size:13px;line-height:1.6}#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}