:root{--bg-dark: #050508;--bg-grad-center: #111a22;--bg-grad-edge: #050508;--glass-bg: rgba(10, 15, 20, .85);--glass-border: rgba(0, 188, 212, .4);--glass-modal-bg: rgba(0, 0, 0, .6);--input-bg: rgba(0, 0, 0, .8);--accent-cyan: #00bcd4;--accent-lime: #00E676;--accent-magenta: #ff0055;--accent-yellow: #ffd600;--accent-red: #ff5252;--text-main: #e0f7fa;--text-muted: #80deea;--text-btn: #e0f7fa}.light-mode{--bg-dark: #f0f4f8;--bg-grad-center: #ffffff;--bg-grad-edge: #e2e8f0;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 150, 180, .4);--glass-modal-bg: rgba(220, 230, 240, .6);--input-bg: rgba(255, 255, 255, .9);--accent-cyan: #008ba3;--accent-lime: #00a152;--accent-magenta: #d80048;--accent-yellow: #d4a000;--accent-red: #d32f2f;--text-main: #1a365d;--text-muted: #4a5568;--text-btn: #ffffff}body,html{margin:0;padding:0;height:100%;background-color:var(--bg-dark);color:var(--text-main);font-family:Consolas,monospace;font-weight:700;letter-spacing:1px;text-transform:uppercase;overflow:hidden;display:flex;flex-direction:column;touch-action:none;background-image:radial-gradient(circle at center,var(--bg-grad-center) 0%,var(--bg-grad-edge) 100%);user-select:none}#splash-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(10px)}.splash-container{background-color:var(--glass-bg);border:1px solid var(--accent-cyan);width:100%;max-width:800px;height:80vh;display:flex;flex-direction:column;border-radius:4px;box-shadow:0 0 40px #00bcd433}.splash-header{padding:20px;background-color:var(--glass-modal-bg);border-bottom:1px solid var(--glass-border);text-align:center}.splash-title{font-size:28px;color:var(--accent-cyan);margin:0;text-shadow:0 0 10px rgba(0,188,212,.5)}.splash-sub{font-size:11px;color:var(--text-muted);margin-top:5px}.splash-content{flex:1;overflow-y:auto;padding:25px;font-size:13px;line-height:1.6;white-space:pre-wrap}.splash-footer{padding:15px;background-color:var(--glass-modal-bg);border-top:1px solid var(--glass-border);display:flex;justify-content:flex-end;align-items:center;gap:15px}#sidebar{position:absolute;top:15px;right:15px;width:300px;max-height:calc(100% - 60px);background-color:var(--glass-bg);display:flex;flex-direction:column;padding:15px;gap:8px;border:1px solid var(--glass-border);z-index:100;border-radius:6px;overflow-y:auto;overflow-x:hidden;backdrop-filter:blur(12px);box-shadow:-10px 10px 30px #00000080;touch-action:none}#drag-handle{text-align:center;color:var(--accent-cyan);border-bottom:1px solid var(--glass-border);padding-bottom:10px;margin-bottom:5px;cursor:grab;user-select:none}#sidebar.collapsed>*:not(#drag-handle){display:none!important}#sidebar.collapsed{height:auto!important;min-height:0!important;max-height:none!important;padding-bottom:5px!important}.btn{background-color:var(--glass-modal-bg);color:var(--text-btn);border:1px solid var(--glass-border);padding:8px;font-size:11px;font-weight:700;cursor:pointer;font-family:Consolas,monospace;text-align:center;border-radius:3px;width:100%;box-sizing:border-box;transition:.2s ease}.btn-row{display:flex;gap:8px;width:100%}.btn-row .btn{flex:1;padding:8px 0}.btn:hover{background-color:#00bcd426;box-shadow:0 0 10px #00bcd466}.btn-cyan{color:var(--accent-cyan);border-color:var(--accent-cyan)}.btn-lime{color:var(--accent-lime);border-color:var(--accent-lime)}.btn-magenta{color:var(--accent-magenta);border-color:var(--accent-magenta)}.btn-yellow{color:var(--accent-yellow);border-color:var(--accent-yellow)}.btn-red{color:var(--accent-red);border-color:var(--accent-red)}.control-group{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:4px}.control-label{font-size:10px;color:var(--text-muted)}.num-input,select.btn{background:var(--input-bg);color:var(--accent-cyan);border:1px solid var(--accent-cyan);padding:8px;font-size:12px;text-align:center;border-radius:3px;font-family:Consolas,monospace;box-sizing:border-box;width:100%;font-weight:700;cursor:pointer}.file-upload-label{display:block;width:100%;background-color:#00bcd41a;color:var(--accent-cyan);padding:8px 0;font-size:11px;cursor:pointer;border-radius:3px;border:1px solid var(--accent-cyan);text-align:center}#drag-drop-zone{border:1px dashed var(--accent-cyan);background:#00bcd40d;padding:15px 5px;text-align:center;color:var(--accent-cyan);font-size:10px;border-radius:4px;transition:all .3s ease;cursor:pointer}#drag-drop-zone.dragover{background:#00e67633;border-color:var(--accent-lime);color:var(--accent-lime);box-shadow:0 0 15px #00e67666;transform:scale(1.02)}#workspace{flex:1;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;outline:none}#hud-canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}#status-bar{position:absolute;bottom:15px;left:15px;background-color:var(--glass-bg);border:1px solid var(--glass-border);display:flex;align-items:center;padding:8px 15px;border-radius:4px;font-size:10px;color:var(--text-muted);z-index:100;gap:20px;backdrop-filter:blur(12px);box-shadow:0 5px 15px #00000080}.status-data{color:var(--accent-cyan);font-size:11px}.modal{display:none;position:absolute;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:6px;z-index:200;flex-direction:column;backdrop-filter:blur(12px);box-shadow:0 10px 40px #000c}#log-modal{top:15px;left:15px;width:450px;max-height:calc(100% - 60px)}#bom-modal{top:50%;left:50%;transform:translate(-50%,-50%);width:600px;border-color:var(--accent-lime);z-index:300}.modal-header{padding:15px;background:var(--glass-modal-bg);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--glass-border);flex-direction:column;gap:10px}.modal-body{flex:1;overflow-y:auto;padding:0;margin:0;list-style:none}.log-item{padding:15px;border-bottom:1px solid rgba(255,255,255,.05);cursor:pointer;font-size:11px;color:var(--accent-cyan);white-space:pre-wrap;transition:.2s;line-height:1.4}.log-item:hover{background:#ff52521a;color:var(--accent-red);padding-left:20px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}@keyframes pulse-record{0%{box-shadow:0 0 #ff5252cc}70%{box-shadow:0 0 0 15px #ff525200}to{box-shadow:0 0 #ff525200}}.recording-active{background-color:var(--accent-red)!important;color:#fff!important;animation:pulse-record 1.5s infinite;border-color:var(--accent-red)!important}.hide-sectors .sector-label{display:none!important;visibility:hidden!important;opacity:0!important}