*{box-sizing:border-box;margin:0;padding:0}:root{--accent:#f08a2e;--accent-hover:#f5a04a;--accent-soft:#f08a2e1f;--accent-softer:#f08a2e0f;--accent-border:#f08a2e59;--accent-border-strong:#f08a2e80;--on-accent:#0b0b0b;--accent-text:#f08a2e;--accent-text-soft:#ffd2a0eb}html,body,#app{color:#fff;user-select:none;background:#000;width:100%;height:100%;font-family:Space Grotesk,-apple-system,sans-serif;overflow:hidden}#blackhole-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hud-header{z-index:10;pointer-events:none;position:absolute;top:24px;left:28px}.hud-badge{letter-spacing:2px;color:var(--accent-text);margin-bottom:6px;font-family:JetBrains Mono,monospace;font-size:11px}.hud-header h1{letter-spacing:.2px;background:linear-gradient(#fff 0%,#a3a3a3 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700}.subtitle{color:#fff9;margin-top:4px;font-size:13px}.hud-stats{z-index:10;pointer-events:auto;gap:12px;display:flex;position:absolute;top:24px;right:28px}.stat-card{backdrop-filter:blur(14px);background:#0f0f16b3;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;align-items:flex-end;padding:8px 14px;display:flex}.stat-card--detail{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(-4px)}.hud-stats:hover .stat-card--detail,.hud-stats:focus-within .stat-card--detail{opacity:1;pointer-events:auto;transform:translateY(0)}.stat-label{letter-spacing:1.5px;color:#ffffff80;font-family:JetBrains Mono,monospace;font-size:9px}.stat-value{color:var(--accent-text-soft);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.hud-panel{backdrop-filter:blur(20px);z-index:20;background:#0c0c12d1;border:1px solid #ffffff24;border-radius:12px;flex-direction:column;width:360px;max-height:80vh;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:50px;left:28px;overflow:hidden;box-shadow:0 16px 48px #000000d9}.hud-panel.minimized .panel-body,.hud-panel.minimized .panel-tabs{display:none}.panel-header{background:#ffffff0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.header-title{letter-spacing:1px;color:#ffffffd9;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:flex}#toggle-panel-btn{color:#fff9;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;transition:color .2s}#toggle-panel-btn:hover{color:#fff}.panel-tabs{background:#0000004d;border-bottom:1px solid #ffffff14;display:flex}.tab-btn{color:#ffffff8c;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:9px 0;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;transition:all .2s}.tab-btn:hover{color:#fff;background:#ffffff08}.tab-btn.active{color:var(--accent-text);border-bottom-color:var(--accent);background:var(--accent-softer)}.panel-body{flex-direction:column;gap:14px;max-height:calc(80vh - 100px);padding:16px;display:flex;overflow-y:auto}.tab-content{flex-direction:column;gap:14px;display:none}.tab-content.active{display:flex}.control-group{flex-direction:column;gap:5px;display:flex}.control-group label{color:#ffffffd9;justify-content:space-between;align-items:center;font-size:12px;display:flex}.mode-row{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.mode-row button{color:#ffffffb8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:6px;padding:8px 6px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500}.mode-row button:hover{color:#fff;border-color:var(--accent-border-strong)}.mode-row button.active{color:var(--on-accent);background:var(--accent);border-color:var(--accent)}.param-badge{color:var(--accent-text);background:var(--accent-soft);border:1px solid #f08a2e47;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:11px}input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer;background:#ffffff26;border-radius:3px;height:5px}.range-marks{color:#ffffff59;justify-content:space-between;margin-top:1px;font-family:JetBrains Mono,monospace;font-size:9px;display:flex}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.hud-select{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.hud-select option{color:#fff;background:#111}.profile-save{gap:8px;display:flex}.profile-save input{color:#fff;background:#ffffff14;border:1px solid #ffffff2e;border-radius:6px;outline:none;flex:1;min-width:0;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.profile-save .export-btn{flex:none}.look-file{flex-wrap:wrap;gap:8px;display:flex}.look-file .export-btn{flex:calc(50% - 8px)}.profile-note{color:#ffffff73;margin:8px 0 0;font-family:JetBrains Mono,monospace;font-size:9px;line-height:1.4}.profile-list{flex-direction:column;gap:8px;display:flex}.profile-row{align-items:stretch;gap:6px;display:flex}.profile-row .preset-btn{flex:1}.profile-delete{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;width:32px;font-size:16px;line-height:1}.profile-delete:hover{border-color:var(--accent);color:#fff}.presets-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.preset-btn{color:#fff;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:2px;padding:8px 10px;transition:all .2s;display:flex}.preset-btn strong{color:#e5e5e5;font-size:11px}.preset-btn small{color:#ffffff73;font-family:JetBrains Mono,monospace;font-size:9px}.preset-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.preset-btn.active{border-color:var(--accent);background:#f08a2e38}.preset-btn.active strong{color:var(--accent-text-soft)}.panel-export{border-top:1px solid #ffffff14;flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.export-btn{cursor:pointer;white-space:nowrap;text-align:center;border:none;border-radius:7px;flex:calc(50% - 4px);padding:9px 10px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;transition:all .2s}.export-btn.full-width{flex:100%}.export-btn.primary{background:var(--accent);color:var(--on-accent)}.export-btn.primary:hover{background:var(--accent-hover);box-shadow:none}.export-btn.secondary{color:#ffffffb3;background:#ffffff14;border:1px solid #ffffff26}.export-btn.secondary:hover{color:#fff;background:#ffffff26}.hud-toast{color:var(--accent-text-soft);border:1px solid var(--accent-border);opacity:0;pointer-events:none;z-index:100;background:#14120eeb;border-radius:6px;padding:8px 18px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;transition:opacity .25s,transform .25s;position:absolute;top:30px;left:50%;transform:translate(-50%)translateY(-20px);box-shadow:0 8px 24px #00000073}.hud-toast.visible{opacity:1;transform:translate(-50%)translateY(0)}.hud-footer{letter-spacing:.02em;color:#ffffff61;pointer-events:none;font-size:12px;position:absolute;bottom:16px;left:28px;right:28px}@media (width<=720px){.hud-header{top:14px;left:14px}.hud-header h1{font-size:20px}.hud-stats .stat-card:nth-child(n+2){display:none}.hud-stats{top:14px;right:14px}.hud-panel{width:auto;bottom:44px;left:12px;right:12px}.hud-footer{bottom:10px;left:12px;right:12px}}