.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hifi-container .vcr-btn{align-items:center;aspect-ratio:165/92;background-color:#0a0a0a;border:none;border-radius:3px;box-shadow:0 2px 4px -1px #000000d9,inset 0 0 0 1px #0000004d;color:#737373;cursor:pointer;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:clamp(8px,.743vw,11px);font-weight:700;height:auto;justify-content:center;left:65.65%;letter-spacing:1.2px;overflow:hidden;padding:1px;position:absolute;text-align:center;top:17%;transform:translate(-50%,-50%);transition:all .12s ease;-webkit-user-select:none;user-select:none;width:11.15%;z-index:15}.hifi-container .vcr-btn:after{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-radius:2px;bottom:1px;content:"";left:1px;position:absolute;right:1px;top:1px;z-index:-1}.hifi-container .vcr-btn:before{background-color:#ffffff0d;content:"";height:1px;left:0;position:absolute;right:0;top:0}.hifi-container .vcr-btn:hover{box-shadow:0 2px 4px -1px #000000e6,inset 0 0 0 1px #0000004d;color:#d4d4d4}.hifi-container .vcr-btn:active{box-shadow:0 1px 2px -1px #000c,inset 0 0 0 1px #0000004d;transform:translate(-50%,-50%) translateY(1px)}.hifi-container .vcr-btn:active .vcr-icon{color:#0c0}.vcr-icon{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#737373;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:clamp(14px,1.486vw,22px);margin-bottom:0;text-rendering:optimizeLegibility;transform:translateX(1px);transition:color .2s}.vcr-icon,.vcr-label{display:block;line-height:1;pointer-events:none}.vcr-label{letter-spacing:1.2px}.hifi-container .vcr-btn.active .vcr-icon{color:#0c0;text-shadow:0 1px 2px #0f0}@media only screen and (min-device-width:768px) and (max-device-width:1024px){.hifi-container .vcr-btn .vcr-icon{align-items:center;display:inline-flex;font-size:clamp(16px,2vw,24px);justify-content:center;transform:translateX(.5px)}}.hifi-container .color-cycle-btn{align-items:center;aspect-ratio:165/90;background-color:#0a0a0a;border:none;border-radius:3px;box-shadow:0 2px 4px -1px #000000d9,inset 0 0 0 1px #0000004d;color:#737373;cursor:pointer;display:flex;flex-direction:column;font-family:Arial,sans-serif;font-size:clamp(8px,.743vw,11px);font-weight:700;height:auto;justify-content:center;letter-spacing:0;overflow:hidden;padding:1px;position:absolute;text-align:center;transform:translate(-50%,-50%);transition:all .12s ease;-webkit-user-select:none;user-select:none;width:5.32%;z-index:15}.hifi-container .color-cycle-btn.prev{left:62.7%;top:8.5%}.hifi-container .color-cycle-btn.next{left:68.55%;top:8.5%}.hifi-container .color-cycle-btn:after{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);border-radius:2px;bottom:1px;content:"";left:1px;position:absolute;right:1px;top:1px;z-index:-1}.hifi-container .color-cycle-btn:before{background-color:#ffffff0d;content:"";height:1px;left:0;position:absolute;right:0;top:0}.hifi-container .color-cycle-btn:hover{box-shadow:0 2px 4px -1px #000000e6,inset 0 0 0 1px #0000004d;color:#d4d4d4}.hifi-container .color-cycle-btn:active{box-shadow:0 1px 2px -1px #000c,inset 0 0 0 1px #0000004d;transform:translate(-50%,-50%) translateY(1px)}.cycle-icon{color:#737373;display:block;font-size:clamp(10px,1.1vw,16px);letter-spacing:-2px;line-height:1;margin-bottom:0;pointer-events:none;transition:color .2s}.hifi-container .color-cycle-btn:hover .cycle-icon{color:#d4d4d4}.control-unit{align-items:center;cursor:pointer;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;width:100%}.control-label{color:#737373;font-family:JetBrains Mono,monospace;font-size:clamp(5px,.5vw,10px);font-weight:500;letter-spacing:.2em;margin-bottom:8%;transition:color .2s}.control-label.bottom{color:#525252;margin-bottom:0;margin-top:12%}.control-unit:hover .control-label{color:#d4d4d4}.control-unit:hover .control-label.bottom{color:#737373}.control-unit .led{aspect-ratio:56/6;border-radius:2px;flex:none;margin-bottom:8%;transition:all .2s cubic-bezier(0,0,.2,1);width:90%}.control-unit .led.inactive{background:#2a2a2a!important;box-shadow:inset 0 1px 2px #00000080!important;opacity:1}.control-unit .led.active{filter:brightness(1);opacity:1}.hw-btn-housing{aspect-ratio:4/5;background-color:#0a0a0a;border:none;border-radius:3px;box-shadow:0 2px 4px -1px #000c;cursor:pointer;outline:none;padding:1px;position:relative;transition:all .1s ease-out;width:100%}.hw-btn-housing:active{box-shadow:none;transform:translateY(1px)}.hw-btn-housing.active{box-shadow:0 1px 2px -1px #000c;transform:translateY(1px)}.hw-btn-inner{background-color:#262626;border-radius:2px;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.hw-btn-housing:active .hw-btn-inner{border-top-color:#0000}.hw-btn-face{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);flex:1 1;position:relative}.hw-btn-highlight{background-color:#ffffff0d;height:1px;left:0;position:absolute;right:0;top:0}.hw-btn-lip{background-color:#222;border-top:1px solid #0000004d;height:20%}.control-unit.input-select-unit{align-items:stretch;flex-direction:column;gap:6px;justify-content:flex-start;width:100%}.input-select-led-row{display:flex;justify-content:center}.input-select-led{background:#2a2a2a;border-radius:2px;box-shadow:inset 0 1px 2px #00000080;height:6px;width:36px}.input-select-led.ready{background:#ff002f;box-shadow:inset 0 1px 2px #ffffff40,0 0 10px #ff002f80}.input-select-led.blocked{background:#2a2a2a!important;box-shadow:inset 0 1px 2px #00000080!important;opacity:1}.input-select-row{align-items:center;display:flex;gap:10px}.input-select-housing{aspect-ratio:auto;cursor:pointer;flex:0 1 auto;height:clamp(22px,2.2vw,34px);max-width:clamp(200px,25vw,350px);min-width:0;overflow:hidden;width:100%}.input-select-housing.disabled{cursor:not-allowed;opacity:.6}.input-select-face{align-items:center;display:flex;gap:10px;height:100%;justify-content:space-between;min-width:0;overflow:hidden;padding:0 10px}.input-select-value{color:#dadada;flex:1 1;font-family:JetBrains Mono,monospace;font-size:clamp(7px,.55vw,11px);letter-spacing:.06em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-select-chevron{color:#737373;flex:none;font-size:clamp(10px,.9vw,14px)}.input-device-native-select{cursor:pointer;height:100%;inset:0;opacity:0;position:absolute;width:100%}.input-device-native-select:disabled{cursor:not-allowed}.peak-level-meter{align-items:center;background-color:#282828;border:2px solid #222;border-radius:4px;box-sizing:border-box;color:#a0a0a0;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,sans-serif;height:100%;overflow:hidden;padding:5%;-webkit-user-select:none;user-select:none;width:100%}.title{color:#666;font-size:clamp(6px,.8vw,4px);font-weight:800;letter-spacing:.15em;margin-bottom:8%;text-shadow:0 1px 0 #00000080;white-space:nowrap}.channels{align-items:stretch;display:flex;flex:1 1;flex-direction:row;gap:18%;justify-content:center;min-height:0;width:62%}.channel{gap:2%;width:25%}.channel,.db-labels{display:flex;flex-direction:column;justify-content:space-between}.db-labels{color:#444;font-size:clamp(5px,.6vw,9px);font-weight:600;padding:2% 0;text-align:center}.db-labels span{align-items:center;display:flex;height:100%;justify-content:center}.led{background:linear-gradient(135deg,#141414,#101010);border-radius:1px;flex:1 1;transition:all .05s ease-out;width:100%}.led.negative.active{background:linear-gradient(180deg,#4f4 0,#0a0);box-shadow:0 0 12px #0f06,inset 0 1px 2px #fff6}.led.zero.active{background:linear-gradient(180deg,#ff002f 0,#a00)}.led.positive.active,.led.zero.active{box-shadow:0 0 15px #ff000080,inset 0 1px 2px #fff6}.led.positive.active{background:linear-gradient(180deg,#ff002f 0,#c00)}.bottom-labels{color:#555;display:flex;font-size:clamp(6px,.7vw,10px);font-weight:700;justify-content:space-between;letter-spacing:.1em;margin-top:8%;width:100%}.bottom-labels span{flex:1 1;text-align:center}.large-control-unit{align-items:center;cursor:pointer;display:flex;flex:1.2 1;flex-direction:column;min-width:0;-webkit-user-select:none;user-select:none;width:100%}.large-control-label{color:#737373;font-family:JetBrains Mono,monospace;font-size:clamp(7px,.7vw,14px);font-weight:600;letter-spacing:.2em;margin-bottom:6%;transition:color .2s}.large-control-unit:hover .large-control-label{color:#d4d4d4}.large-control-unit .led{aspect-ratio:56/6;border-radius:2px;flex:none;margin-bottom:8%;transition:all .2s cubic-bezier(0,0,.2,1);width:90%}.large-control-unit .led.inactive{background:#2a2a2a!important;box-shadow:inset 0 1px 2px #00000080!important;opacity:1}.large-control-unit .led.active{filter:brightness(1);opacity:1}.large-hw-btn-housing{aspect-ratio:6/4;background-color:#0a0a0a;border:none;border-radius:3px;box-shadow:0 2px 4px -1px #000c;cursor:pointer;outline:none;padding:1px;position:relative;transition:all .1s ease-out;width:100%}.large-hw-btn-housing:active{box-shadow:none;transform:translateY(1px)}.large-hw-btn-housing.active{box-shadow:0 1px 2px -1px #000c;transform:translateY(1px)}.large-hw-btn-inner{background-color:#262626;border-radius:2px;border-top:1px solid #ffffff1a;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;width:100%}.large-hw-btn-housing:active .large-hw-btn-inner{border-top-color:#0000}.large-hw-btn-face{background:linear-gradient(180deg,#2a2a2a,#1a1a1a);flex:1 1;position:relative}.large-hw-btn-highlight{background-color:#ffffff0d;height:1px;left:0;position:absolute;right:0;top:0}.large-hw-btn-lip{background-color:#222;border-top:1px solid #0000004d;height:20%}:root{--color-text-main:#d4d4d4;--color-text-muted:#737373;--color-text-dim:#525252;--font-mono:"JetBrains Mono",monospace;--font-sans:"Inter",sans-serif}*{box-sizing:border-box}.knob-wrapper .control-label{color:#737373;color:var(--color-text-muted);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:clamp(7px,.6vw,10px);font-weight:600;letter-spacing:.15em;margin-bottom:clamp(-9px,-1vw,-6px);text-transform:uppercase;transition:color .2s}.knob-wrapper{background:#0000;flex-direction:column;gap:clamp(6px,.6vw,10px)}.knob-container,.knob-wrapper{align-items:center;display:flex;position:relative;width:100%}.knob-container{aspect-ratio:1;justify-content:center}.knob-scale{border-radius:50%;height:100%;pointer-events:none;position:absolute;width:100%}.scale-mark{align-items:center;display:flex;flex-direction:column;height:50%;left:50%;position:absolute;top:0;transform-origin:bottom center;width:clamp(1px,.15vw,2px)}.scale-label{color:#525252;color:var(--color-text-dim);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:clamp(6px,.5vw,9px);font-weight:500;margin-top:clamp(4px,.5vw,8px);transform-origin:center center;transition:color .2s}.scale-mark.active .scale-label{color:#d4d4d4;color:var(--color-text-main);text-shadow:0 0 10px #ffffff1a}.scale-tick{background-color:#333;height:clamp(2px,.3vw,4px);margin-top:clamp(2px,.3vw,4px);width:clamp(1px,.08vw,1px)}.scale-mark.active .scale-tick{background-color:#666}.knob-casing{align-items:center;aspect-ratio:1;background:#121212;box-shadow:0 clamp(5px,1vw,12px) clamp(8px,1.5vw,20px) clamp(-3px,-.4vw,-5px) #0009,0 clamp(2px,.5vw,5px) clamp(5px,.8vw,10px) clamp(-2px,-.2vw,-3px) #0006,inset 0 1px 1px #ffffff0d;display:flex;justify-content:center;width:70%;z-index:10}.knob-casing,.knob-rotator{border-radius:50%;position:relative}.knob-rotator{background:linear-gradient(160deg,#1f1f1f,#141414);box-shadow:inset 0 2px 4px #ffffff05,inset 0 0 0 1px #0006;cursor:grab;height:100%;touch-action:none;transform:translateZ(0);width:100%}.knob-rotator:active{cursor:grabbing}.knob-face{background:linear-gradient(180deg,#1a1a1a,#0f0f0f);box-shadow:inset 0 1px 6px #0009,0 1px 0 #ffffff08;height:70%;left:50%;top:50%;transform:translate(-50%,-50%);width:70%}.knob-face,.knob-grip{border-radius:50%;pointer-events:none;position:absolute}.knob-grip{background:repeating-conic-gradient(from 0deg,#0000 0deg,#0000 4deg,#0003 4.5deg,#0003 5.5deg,#0000 6deg);height:100%;left:0;-webkit-mask-image:radial-gradient(#0000 65%,#000 68%);mask-image:radial-gradient(#0000 65%,#000 68%);opacity:.4;top:0;width:100%}.knob-indicator{background-color:#d97706;border-radius:clamp(1px,.15vw,2px);box-shadow:0 0 clamp(2px,.3vw,4px) #d9770666,inset 0 1px 2px #0003;height:clamp(8px,.9vw,12px);top:10%;width:clamp(2px,.2vw,3px)}.knob-indicator,.knob-indicator:after{left:50%;position:absolute;transform:translateX(-50%)}.knob-indicator:after{background:linear-gradient(180deg,#d9770633,#0000);content:"";height:clamp(6px,.7vw,10px);top:100%;width:clamp(1px,.08vw,1px)}.hifi-container{--win-b:21.9%;--win-w-left:34.1%;--win-w-right:34.2%;--win-h:32%;--win-l:6.6%;--win-r:6.4%;margin:0 auto;max-width:1480px;min-width:920px;position:relative;width:100%}.hifi-vumeter{bottom:var(--win-b);height:var(--win-h);isolation:isolate;overflow:hidden;transform-origin:center;z-index:10}.hifi-vumeter,.hifi-vumeter:after{pointer-events:none;position:absolute}.hifi-vumeter:after{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(to bottom,rgba(var(--band-color),0) 0,rgba(var(--band-color),.2) 40%,rgba(var(--band-color),.2) 100%);bottom:0;content:"";height:18%;left:0;right:0;z-index:2}.hifi-container .vu-meter{position:relative;z-index:1}.hifi-container .meter-scale{z-index:1}.hifi-vumeter-left{left:var(--win-l);width:var(--win-w-left)}.hifi-vumeter-left,.hifi-vumeter-right{align-items:center;display:flex;justify-content:center}.hifi-vumeter-right{right:var(--win-r);width:var(--win-w-right)}.hifi-visualizer{background:#0000;border:none;bottom:var(--win-b);height:var(--win-h);pointer-events:none;position:absolute;transition:background .3s ease;z-index:11}.hifi-visualizer.themed-bg{background:linear-gradient(180deg,#081a08,#020a02);background:linear-gradient(180deg,var(--top-color,#081a08) 0,var(--bottom-color,#020a02) 100%);box-shadow:inset 0 0 30px #000000e6}.hifi-visualizer-left{left:var(--win-l);width:var(--win-w-left)}.hifi-visualizer-left,.hifi-visualizer-right{border-radius:2px;box-shadow:inset 0 0 50px #0006,0 0 20px #0371c366}.hifi-visualizer-right{right:var(--win-r);width:var(--win-w-right)}.hifi-deck-overlay{display:block;pointer-events:none;position:relative;width:100%;z-index:1}.hifi-controls{align-items:center;background:#0000;bottom:0;display:flex;flex-direction:column;left:0;padding:16px 20px;position:absolute;right:0;transition:transform .3s ease,opacity .3s ease;z-index:20}.hifi-device-selector{top:27%;width:11.9%}.hifi-device-selector,.hifi-flat-buttons-container-secondary{left:79.6%;pointer-events:auto;position:absolute;transform:translateX(-50%);z-index:15}.hifi-flat-buttons-container-secondary{align-items:flex-end;display:flex;gap:7%;justify-content:center;top:15%;width:12%;width:var(--flat-btn-container-width,12%)}.hifi-knob-container{left:92%;pointer-events:auto;position:absolute;top:16.5%;transform:translateX(-50%);width:11%;z-index:15}.hifi-controls.hidden{transform:translateY(calc(100% - 40px))}.hifi-toggle-controls{background:#ffffff1a;border:1px solid #fff3;border-radius:0 0 8px 8px;color:#fff;cursor:pointer;font-size:12px;left:50%;padding:4px 24px;position:absolute;top:0;transform:translateX(-50%);transition:background .2s}.hifi-toggle-controls:hover{background:#fff3}.hifi-btn{background:linear-gradient(180deg,#333,#1a1a1a);border:1px solid #444;border-radius:8px;box-shadow:0 4px 12px #0006,inset 0 1px 0 #ffffff1a;color:#ccc;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .2s ease}.hifi-btn:hover{background:linear-gradient(180deg,#444,#2a2a2a);border-color:#555;box-shadow:0 6px 16px #00000080,inset 0 1px 0 #ffffff26;color:#fff;transform:translateY(-1px)}.hifi-btn:active{box-shadow:0 2px 8px #0000004d,inset 0 1px 0 #ffffff1a;transform:translateY(1px)}.hifi-btn.active{background:linear-gradient(180deg,#c0392b,#8b0000);border-color:#e74c3c;box-shadow:0 0 20px #e74c3c66,inset 0 1px 0 #fff3;color:#fff}.hifi-btn.selected{background:linear-gradient(180deg,#27ae60,#1e8449);border-color:#2ecc71;box-shadow:0 0 15px #2ecc714d,inset 0 1px 0 #fff3;color:#fff}.hifi-viz-buttons{display:flex;gap:8px;margin-top:12px}.hifi-device-select{background:#0009;border:1px solid #444;border-radius:6px;color:#ccc;cursor:pointer;font-size:13px;margin-top:12px;min-width:200px;padding:10px 16px;transition:all .2s}.hifi-device-select:hover:not(:disabled){background:#000c;border-color:#666}.hifi-device-select:disabled{cursor:not-allowed;opacity:.5}.hifi-visualizer:before{background:linear-gradient(45deg,#00ff001a,#00c8ff1a,#ff64001a);border-radius:6px;content:"";filter:blur(4px);inset:-2px;opacity:.6;position:absolute;z-index:-1}.hifi-container .vu-meter{background-color:initial!important}.hifi-peak-meter-container{aspect-ratio:100/300;left:48%;pointer-events:none;position:absolute;top:5.52%;transform:translateX(-50%);width:6.1%;z-index:5}.drawing-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9999}.hifi-counter-container{left:52.6%;pointer-events:none;position:absolute;text-align:right;top:27.9%;transform-origin:top right;z-index:15}.hifi-counter-container .lcd-clock{cursor:pointer;pointer-events:auto}.hifi-flat-buttons-container{align-items:flex-end;display:flex;gap:7%;justify-content:center;left:79.6%;pointer-events:auto;position:absolute;top:4.6%;transform:translateX(-50%);width:12%;width:var(--flat-btn-container-width,12%);z-index:15}.hifi-flat-buttons-container .led.amber,.hifi-flat-buttons-container-secondary .led.amber{background:#ffea00;box-shadow:inset 0 1px 2px #0003,0 0 8px #ffea0080}.hifi-flat-buttons-container .control-unit:hover .led.amber,.hifi-flat-buttons-container-secondary .control-unit:hover .led.amber{background:#ffea00;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #ffea00cc}.hifi-flat-buttons-container .led.emerald,.hifi-flat-buttons-container-secondary .led.emerald{background:#02ff01;box-shadow:inset 0 1px 2px #0003,0 0 8px #02ff0180}.hifi-flat-buttons-container .control-unit:hover .led.emerald,.hifi-flat-buttons-container-secondary .control-unit:hover .led.emerald{background:#02ff01;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #02ff01cc}.hifi-flat-buttons-container .led.green,.hifi-flat-buttons-container-secondary .led.green{background:#02ff01;box-shadow:inset 0 1px 2px #0003,0 0 8px #02ff0180}.hifi-flat-buttons-container .control-unit:hover .led.green,.hifi-flat-buttons-container-secondary .control-unit:hover .led.green{background:#02ff01;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #02ff01cc}.hifi-flat-buttons-container .led.lime,.hifi-flat-buttons-container-secondary .led.lime{background:#cf0;box-shadow:inset 0 1px 2px #0003,0 0 8px #ccff0080}.hifi-flat-buttons-container .control-unit:hover .led.lime,.hifi-flat-buttons-container-secondary .control-unit:hover .led.lime{background:#cf0;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #cf0c}.hifi-flat-buttons-container .led.cyan,.hifi-flat-buttons-container-secondary .led.cyan{background:#0ff;box-shadow:inset 0 1px 2px #0003,0 0 8px #00ffff80}.hifi-flat-buttons-container .control-unit:hover .led.cyan,.hifi-flat-buttons-container-secondary .control-unit:hover .led.cyan{background:#0ff;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #0ffc}.hifi-rec-button-container{display:flex;height:4.6%;left:59.7%;pointer-events:auto;position:absolute;top:23.7%;transform:translate(5px,-8px);width:11.2%;z-index:15}.hifi-rec-button-container .large-control-unit{height:100%;position:relative}.hifi-rec-button-container .large-hw-btn-housing{aspect-ratio:auto;height:100%}.hifi-rec-button-container .led{top:20%;width:25%}.hifi-rec-button-container .large-control-label,.hifi-rec-button-container .led{left:50%;margin:0;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:1}.hifi-rec-button-container .large-control-label{top:42%}.hifi-rec-button-container .large-control-unit:has(button:disabled){cursor:default}.hifi-rec-button-container .large-control-unit:has(button:disabled) .large-hw-btn-housing{cursor:default}.hifi-rec-button-container .large-control-unit .led.red.active,.hifi-rec-button-container .large-control-unit:hover:not(:has(button:disabled)) .led.red{background:#ff2a1a;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #ff2a1acc}.hifi-rec-button-container.recording .led.red.active{animation:rec-blink 1s steps(2,start) infinite}@keyframes rec-blink{to{visibility:hidden}}.hifi-format-buttons-container{background:#0000;box-sizing:border-box;display:flex;gap:2.7%;height:4.8%;left:58.5%;padding:0 1.6% .5%;pointer-events:none;position:absolute;top:29%;width:14.2%;z-index:15}.hifi-format-buttons-container .large-control-unit{flex:1 1;height:100%;pointer-events:auto;position:relative}.hifi-format-buttons-container .large-control-label{align-items:center;display:flex;height:40%;letter-spacing:.12em;margin:0}.hifi-format-buttons-container .large-hw-btn-housing{aspect-ratio:auto;flex:1 1;min-height:0}.hifi-format-buttons-container .led{left:50%;margin:0;pointer-events:none;position:absolute;top:58%;transform:translateX(-50%);width:50%;z-index:1}.hifi-format-buttons-container .large-control-unit:has(button:disabled),.hifi-format-buttons-container .large-control-unit:has(button:disabled) .large-hw-btn-housing{cursor:default}.hifi-format-buttons-container .large-control-unit .led.amber.active,.hifi-format-buttons-container .large-control-unit:hover:not(:has(button:disabled)) .led.amber{background:#ffea00;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #ffea00cc}.hifi-large-button-container{display:flex;justify-content:center;left:92.1%;pointer-events:auto;position:absolute;top:3.2%;transform:translateX(-50%);width:5.8%;z-index:15}.hifi-large-button-container .large-control-unit:hover .led.amber{background:#ffea00;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #ffea00cc}.hifi-large-button-container .large-control-unit:hover .led.emerald,.hifi-large-button-container .large-control-unit:hover .led.green{background:#02ff01;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #02ff01cc}.hifi-large-button-container .large-control-unit:hover .led.lime{background:#cf0;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #cf0c}.hifi-large-button-container .large-control-unit .led.cyan.active,.hifi-large-button-container .large-control-unit:hover .led.cyan{background:#0ff;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #0ffc}.hifi-large-button-container .large-control-unit .led.amber.active{background:#ffea00;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #ffea00cc}.hifi-large-button-container .large-control-unit .led.emerald.active,.hifi-large-button-container .large-control-unit .led.green.active{background:#02ff01;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #02ff01cc}.hifi-large-button-container .large-control-unit .led.lime.active{background:#cf0;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #cf0c}.hifi-container .vc-tape-wheel{aspect-ratio:1/1;background:#0000;border-radius:50%;height:auto;overflow:visible;position:absolute;width:5%;z-index:12}.hifi-container .vc-tape-wheel-left{left:21.3%;top:12.2%}.hifi-container .vc-tape-wheel-right{left:30.8%;top:12.2%}@keyframes rotateLeft{0%{transform:rotate(0deg) translateZ(-1px)}to{transform:rotate(1turn) translateZ(-1px)}}@keyframes rotateRight{0%{transform:rotate(0deg) translateZ(-1px)}to{transform:rotate(-1turn) translateZ(-1px)}}.hifi-container .vc-tape-wheel div{-webkit-animation-duration:2s;-moz-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-play-state:paused;-moz-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:linear;-moz-animation-timing-function:linear;animation-timing-function:linear;background:#0000 url(/static/media/cs_wheel.5a25f3c2553869ed5309.png) no-repeat 50%;background-size:contain;height:100%;position:relative;width:100%;z-index:1}.hifi-container .vc-tape-wheel-left div{animation-name:rotateLeft}.hifi-container .vc-tape-wheel-right div{animation-name:rotateRight}.hifi-container .vc-tape-wheel.playing div{animation-play-state:running}@font-face{font-family:LCD;font-style:normal;font-weight:400;src:url(/static/media/lcd.ee8603c2a3943888e9d5.ttf) format("truetype")}.lcd-clock{color:#ffea00;display:block;font-family:LCD,Consolas,Monaco,monospace;font-size:clamp(14px,1.3vw,22px);font-weight:400;letter-spacing:clamp(1px,0vw,0px);line-height:1;text-shadow:0 0 8px #ffea00cc,0 0 15px #ffea0080,0 0 20px #ffea004d}body{background-color:#000;background:linear-gradient(180deg,#101016,#020410)!important;background-attachment:fixed;color:#fff;font-size:16px;transition:background-color .3s,color .3s}body,html{cursor:default;pointer-events:auto}.app-container{display:flex;flex-direction:column;min-height:100vh}.hifi-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:0}.hifi-title{color:#888;font-family:Aldrich,Orbitron,Rajdhani,sans-serif;font-size:clamp(1.5rem,4vw,3rem);font-weight:300;letter-spacing:.3em;margin-bottom:30px;text-align:center;text-shadow:0 0 20px #ffffff1a,0 2px 4px #000c;text-transform:uppercase}.audio-visualizer-page{padding:20px}.advanced-audio-visualizer,.audio-visualizer-page{align-items:center;display:flex;flex-direction:column}.advanced-audio-visualizer{margin-bottom:20px}.advanced-audio-visualizer canvas{border:1px solid #ccc;height:300px;margin-bottom:10px;max-width:800px;width:100%}.controls{display:flex;gap:10px}.controls button{cursor:pointer;font-size:16px;padding:10px 20px}.vu-meter{background-color:#262626;background-position:50%;background-repeat:no-repeat;background-size:contain;height:150px;overflow:hidden;padding:1rem;position:relative;width:267px}.meter-scale{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.meter-svg{width:100%}.vu-meter-label{bottom:1rem;color:#fff;font-size:.875rem;left:0;position:absolute;right:0;text-align:center}.vu-meter-container{align-items:center;display:flex;justify-content:space-around}.audio-visualizer-page.fullscreen{background-color:#000;box-sizing:border-box;height:100vh;left:0;padding:10px;position:fixed;top:0;width:100vw;z-index:9999}.audio-visualizer-page.fullscreen .visualizer-container{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;width:100%}.audio-visualizer-page.fullscreen .advanced-audio-visualizer canvas{border:none;height:60vh;max-height:600px;max-width:1200px;object-fit:contain;width:100%}.audio-visualizer-page.fullscreen .controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;border-radius:10px;bottom:20px;left:50%;padding:15px;position:fixed;transform:translateX(-50%);z-index:10000}.audio-visualizer-page.fullscreen .vu-meter-container{position:fixed;right:20px;top:20px;z-index:10000}.fullscreen-button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;font-weight:700;transition:background-color .3s}.fullscreen-button:hover{background-color:#357abd}.fullscreen-button:active{background-color:#2968a3}@media (max-width:768px){.audio-visualizer-page.fullscreen .controls{bottom:10px;flex-wrap:wrap;justify-content:center;left:10px;right:10px;transform:none}.audio-visualizer-page.fullscreen .controls button{font-size:14px;margin:2px;padding:8px 12px}.audio-visualizer-page.fullscreen .vu-meter-container{justify-content:center;left:10px;right:10px;top:10px}}@media (min-width:768px) and (max-width:1024px){.audio-visualizer-page.fullscreen .advanced-audio-visualizer canvas{height:50vh;max-height:500px;max-width:1000px}.audio-visualizer-page.fullscreen .controls{bottom:30px}}@media (min-width:1200px){.audio-visualizer-page.fullscreen .advanced-audio-visualizer canvas{height:50vh;max-height:700px;max-width:1400px}}
/*# sourceMappingURL=main.7ee1410c.css.map*/