.hud-layout{box-sizing:border-box;grid-template:"left center right"1fr"left bottom right"180px/280px 1fr 320px;gap:16px;width:100vw;height:calc(100vh - 64px);padding:16px;display:grid}.hud-panel{-webkit-backdrop-filter:blur(12px);background:#0a0a0f80;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.panel-header{text-transform:uppercase;letter-spacing:1px;color:var(--accent-cyan);background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;font-family:monospace;font-size:11px;display:flex}.hud-left{grid-area:left}.directory-list{flex-direction:column;gap:8px;padding:12px;display:flex;overflow-y:auto}.dir-category{text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-top:12px;margin-bottom:4px;padding-left:8px;font-size:10px}.dir-item{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:space-between;padding:10px 12px;font-size:13px;transition:all .2s;display:flex}.dir-item:hover{background:#ffffff08}.dir-item.active{color:var(--accent-cyan);background:#00f0ff1a;border-color:#00f0ff4d}.hud-center{background:0 0;border:1px solid #00f0ff1a;grid-area:center;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 50px #00000080}.canvas-viewport{justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.heatmap-result{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;animation:.5s ease-out hologramFade;box-shadow:0 0 30px #000c}@keyframes hologramFade{0%{opacity:0;filter:brightness(2)contrast(1.5)hue-rotate(90deg);transform:scale(.95)}to{opacity:1;filter:brightness()contrast()hue-rotate();transform:scale(1)}}.center-overlay-text{color:#fff6;pointer-events:none;font-family:monospace;font-size:12px;position:absolute}.overlay-tl{top:16px;left:16px}.overlay-tr{top:16px;right:16px}.overlay-bl{bottom:16px;left:16px}.overlay-br{bottom:16px;right:16px}.hud-right{grid-area:right}.telemetry-section{border-bottom:1px dashed #ffffff1a;padding:16px}.telemetry-label{text-transform:uppercase;color:var(--text-secondary);margin-bottom:8px;font-family:monospace;font-size:10px}.telemetry-value{font-size:24px;font-family:var(--font-display);color:#fff;align-items:baseline;gap:4px;display:flex}.telemetry-value.alert{color:#ff4b4b;text-shadow:0 0 10px #ff4b4b80}.telemetry-value.nominal{color:var(--accent-cyan);text-shadow:0 0 10px #00f0ff80}.telemetry-unit{color:var(--text-secondary);font-size:12px}.spec-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.spec-item{justify-content:space-between;font-family:monospace;font-size:12px;display:flex}.spec-key{color:var(--text-secondary)}.spec-val{color:var(--accent-blue);text-align:right;max-width:60%}.hud-bottom{flex-direction:row;grid-area:bottom;display:flex}.control-deck-inputs{flex-grow:1;justify-content:space-around;align-items:center;padding:0 24px;display:flex}.fader-group{flex-direction:column;align-items:center;gap:12px;width:25%;display:flex}.fader-label{color:var(--text-secondary);text-transform:uppercase;font-family:monospace;font-size:11px}.fader-value{font-family:var(--font-display);color:#fff;font-size:18px}.run-deck-btn{width:200px;color:var(--accent-cyan);font-family:var(--font-display);text-transform:uppercase;letter-spacing:2px;cursor:pointer;background:#00f0ff0d;border:none;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}.run-deck-btn:hover:not(:disabled){background:#00f0ff26;box-shadow:inset 0 0 20px #00f0ff33}.run-deck-btn:disabled{opacity:.5;cursor:not-allowed;color:var(--text-secondary)}.deck-slider{-webkit-appearance:none;background:0 0;width:100%}.deck-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent-cyan);cursor:pointer;width:12px;height:20px;box-shadow:0 0 10px var(--accent-cyan);border-radius:2px;margin-top:-8px}.deck-slider::-webkit-slider-runnable-track{cursor:pointer;background:#ffffff1a;border-radius:2px;width:100%;height:4px}.wave-loader{justify-content:center;align-items:center;gap:6px;height:50px;display:flex}.wave-bar{background-color:var(--accent-cyan);border-radius:2px;width:4px;height:100%;animation:1s ease-in-out infinite wave-oscillate;box-shadow:0 0 10px #00f0ff99}.wave-bar:first-child{animation-delay:-.4s}.wave-bar:nth-child(2){animation-delay:-.2s}.wave-bar:nth-child(3){animation-delay:0s}.wave-bar:nth-child(4){animation-delay:-.2s}.wave-bar:nth-child(5){animation-delay:-.4s}@keyframes wave-oscillate{0%,to{opacity:.3;transform:scaleY(.2)}50%{opacity:1;transform:scaleY(1)}}.hud-modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out hologramFade;display:flex;position:fixed;inset:0}.hud-modal{-webkit-backdrop-filter:blur(20px);background:#0a0a0f80;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;width:700px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 0 50px #000c}.modal-header{text-transform:uppercase;letter-spacing:1px;color:var(--accent-cyan);background:#ffffff05;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 16px;font-family:monospace;font-size:11px;display:flex}.close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:20px}.close-btn:hover{color:#ff4b4b}.modal-body{color:var(--text-secondary);padding:24px;font-family:monospace;font-size:13px;line-height:1.6;overflow-y:auto}.modal-body h4{color:var(--accent-cyan);font-size:14px;font-family:var(--font-display);margin-top:20px;margin-bottom:8px}.modal-body ul{margin-top:8px;padding-left:20px}