.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/73.6;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:16%;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;outline:none;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;height:clamp(16px,1.45vw,21px);pointer-events:none;transition:color .08s ease,filter .08s ease;width:clamp(16px,1.45vw,21px)}.hifi-container .color-cycle-btn:hover .cycle-icon{color:#a3a3a3}.hifi-container .color-cycle-btn.active .cycle-icon,.hifi-container .color-cycle-btn.lit .cycle-icon,.hifi-container .color-cycle-btn:active .cycle-icon{color:#3d8eff;color:var(--theme-color,#3d8eff);filter:drop-shadow(0 0 4px rgba(61,142,255,.95)) drop-shadow(0 0 10px rgba(61,142,255,.65));filter:drop-shadow(0 0 4px rgba(var(--theme-rgb,61,142,255),.95)) drop-shadow(0 0 10px rgba(var(--theme-rgb,61,142,255),.65))}.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:#0c0;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #0c0c}.input-select-led.blocked{background:#2a2a2a;box-shadow:inset 0 1px 2px #00000080}.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,.led.zero.active{background:linear-gradient(180deg,#4f4 0,#0a0);box-shadow:0 0 12px #0f06,inset 0 1px 2px #fff6}.led.positive.active{background:linear-gradient(180deg,#ff002f 0,#c00);box-shadow:0 0 15px #ff000080,inset 0 1px 2px #fff6}.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:2%;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:transform .1s ease-out,box-shadow .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;transform:translateY(4px);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%;container-name:deck;container-type:inline-size;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(6px);backdrop-filter:blur(6px);background:linear-gradient(to bottom,rgba(var(--band-color),0) 0,rgba(var(--band-color),.2) 8%,rgba(var(--band-color),.2) 100%);bottom:0;content:"";height:20.5%;left:0;-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 6%,#000);mask-image:linear-gradient(180deg,#0000 0,#000 6%,#000);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-visualizer-wide{border-radius:2px;box-shadow:inset 0 0 50px #0006,0 0 20px #0371c366;left:var(--win-l);width:calc(100% - var(--win-l) - var(--win-r))}.hifi-amp-keys{display:flex;height:3.55%;justify-content:space-between;left:43.69%;pointer-events:auto;position:absolute;top:90.49%;width:12.5%;z-index:16}.hifi-amp-key{background:#0000;border:none;color:#0000;cursor:pointer;font-size:0;margin:0;padding:0;position:relative;width:48.5%}.hifi-amp-key.on:before{background:#ffe736;border-radius:1px;box-shadow:0 0 6px #ffe736e6;content:"";height:14%;left:8%;pointer-events:none;position:absolute;right:8%;top:-14%}.hifi-deck-overlay{display:block;pointer-events:none;position:relative;width:100%;z-index:1}.hifi-brand-link{background:#0000;border:none;box-shadow:none;cursor:pointer;height:3.5%;left:2.9%;outline:none;position:absolute;width:10.1%;z-index:16}.hifi-brand-link.deck{top:1.9%}.hifi-brand-link.amp{top:40.6%}.hifi-response-toggle{align-items:center;background:#0000;border:none;border-radius:2px;color:#6b6b6b;cursor:pointer;display:flex;font-family:JetBrains Mono,monospace;font-size:clamp(6px,.52vw,10px);font-weight:600;gap:.45em;left:95.6%;letter-spacing:.08em;margin:0;outline:none;padding:.15em .35em .15em .4em;pointer-events:auto;position:absolute;top:calc(42.2% - 14px);transform:translateX(-100%);-webkit-user-select:none;user-select:none;z-index:16}.hifi-response-toggle-label{color:#737373;line-height:1;transition:color .2s}.hifi-response-toggle-track{background:#141414;border-radius:999px;box-shadow:inset 0 1px 2px #000000d9,0 0 0 1px #0000008c;height:clamp(10px,.95vw,14px);position:relative;width:clamp(22px,2.1vw,32px)}.hifi-response-toggle-thumb{background:linear-gradient(180deg,#3a3a3a,#1c1c1c);border-radius:999px;box-shadow:0 1px 1px #0009;height:calc(100% - 2px);left:1px;position:absolute;top:1px;transition:transform .14s ease,background .14s ease,box-shadow .14s ease;width:calc(50% - 1px)}.hifi-response-toggle.on .hifi-response-toggle-thumb{background:linear-gradient(180deg,#ffe25a,#c9a008);box-shadow:0 0 6px #ffe25a8c;transform:translateX(100%)}.hifi-response-toggle:hover .hifi-response-toggle-label{color:#d4d4d4}.hifi-container.powered-off .hifi-response-toggle-label{color:#4a4a4a}.hifi-container.powered-off .hifi-response-toggle-thumb{background:#2a2a2a!important;box-shadow:inset 0 1px 2px #00000080!important;transform:none}.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:translate(-50%,4%);width:9.8%;z-index:15}.hifi-knob-container.hifi-knob-container-lower{top:calc(16.5% + 24px)}.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}.hifi-peak-meter-container .title{font-size:.45cqw}.hifi-peak-meter-container .db-labels{font-size:.55cqw}.hifi-peak-meter-container .bottom-labels{font-size:.6cqw}.hifi-peak-meter-container .led{transition:background .05s ease-out,box-shadow .05s ease-out}.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-operation-button-container{bottom:calc(100% + 7.8cqw);pointer-events:auto;position:absolute;right:-.85cqw;transform:translate(.14cqw,-.81cqw);width:6.4cqw;z-index:16}.hifi-operation-button-container .large-control-unit{height:100%}.hifi-operation-button-container .large-control-label{display:none}.hifi-operation-button-container .large-control-unit .led{aspect-ratio:56/6;flex:none;height:auto!important;margin-bottom:6%;max-width:1.9cqw!important;width:1.9cqw!important}.hifi-operation-button-container .large-hw-btn-housing{aspect-ratio:6/3.2}.hifi-operation-button-container .large-control-unit .led.amber.active,.hifi-operation-button-container .large-control-unit:hover .led.amber{background:#ffea00;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #ffea00cc}.counter-format-selector{background:#0d0d0d;border:1px solid #1f1f1f;bottom:calc(100% + 2.7cqw);box-shadow:inset 0 1px 3px #000c,0 1px 3px #0006;box-sizing:border-box;padding:.27cqw;position:absolute;right:-.85cqw;transform:translate(-.41cqw,.34cqw);width:6.4cqw}.counter-format-selector:before{border-left:.14cqw solid #6b6b6b;bottom:.82cqw;content:"";left:.68cqw;position:absolute;top:.82cqw}.counter-format-row{align-items:center;display:grid;grid-template-columns:1.5cqw 1fr;min-height:1.1cqw}.counter-format-branch{border-top:.14cqw solid #6b6b6b;height:0;margin-left:.4cqw;width:1.08cqw}.counter-format-label{background:#262626;border:1px solid #383838;color:#949494;display:block;font-family:JetBrains Mono,monospace;font-size:.48cqw;font-weight:600;letter-spacing:.04em;line-height:1;padding:.07cqw .14cqw;text-align:center}.counter-format-row.active .counter-format-label{background:#ff8a00;border-color:#d45a00;box-shadow:0 0 8px #ff8a00cc,0 0 12px #ff8a0066;color:#291300}.hifi-counter-container .lcd-clock{color:#ff8a00!important;cursor:pointer;font-size:1.3cqw;letter-spacing:.07cqw;pointer-events:auto;text-shadow:0 0 8px #ff8a00cc,0 0 15px #ff8a0080,0 0 20px #ff8a004d!important}.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:6.5%;left:59.7%;pointer-events:auto;position:absolute;top:23.7%;transform:translate(5px,-24px);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}.hifi-power-button-container{display:flex;height:6.5%;left:8.7%;pointer-events:auto;position:absolute;top:26.4%;transform:translateX(-50%);width:6.8%;z-index:15}.hifi-power-button-container .large-control-unit{height:100%;position:relative}.hifi-power-button-container .large-hw-btn-housing{aspect-ratio:auto;height:100%}.hifi-power-button-container .led{bottom:calc(100% + 6px);left:50%;margin:0;pointer-events:none;position:absolute;transform:translateX(-50%);width:28px;z-index:1}.hifi-power-button-container .led.inactive{background:#0000!important;box-shadow:none!important;opacity:0}.hifi-power-button-container .large-control-label{display:none}.hifi-power-button-container .large-control-unit .led.amber.active,.hifi-power-button-container .large-control-unit:hover .led.amber{background:#ffea00;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #ffea00cc}@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:hover:not(:has(button:disabled)) .led.amber:not(.active){background:#ffea00;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #ffea00cc}.hifi-format-buttons-container .large-control-unit .led.amber.active{background:#ff4d00;box-shadow:inset 0 1px 2px #0000001a,0 0 16px #ff4d00e6}.hifi-large-button-container{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;left:8.7%;pointer-events:auto;position:absolute;top:6.2%;transform:translateX(-50%);width:4.64%;z-index:15}.hifi-large-button-container .large-control-label{font-size:clamp(6px,.56vw,11px);letter-spacing:.08em;text-align:center;width:100%}.hifi-knob-container-upper{top:2.1%}.hifi-knob-container-lower .knob-wrapper .control-label,.hifi-knob-container-upper .knob-wrapper .control-label{transform:translateY(8px)}.hifi-large-button-container .large-control-unit .led{height:auto!important;max-width:22px!important;width:22px!important}.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-painted-speaker-led{background:#252525;border-radius:1px;opacity:0;pointer-events:none;position:absolute;z-index:10}.hifi-painted-speaker-led.left{height:1.4%;left:49.4%;top:67.7%;width:7.4%}.hifi-painted-speaker-led.right{height:1.5%;left:49.4%;top:72.2%;width:7.4%}.hifi-container.one-color .control-unit:hover .led,.hifi-container.one-color .input-select-led.ready,.hifi-container.one-color .large-control-unit:hover .led,.hifi-container.one-color .led.active{background:var(--theme-color)!important;box-shadow:inset 0 1px 2px #0000001a,0 0 16px rgba(var(--theme-rgb),.8)!important}.hifi-container.one-color .hifi-amp-key.on:before{background:var(--theme-color);box-shadow:0 0 6px rgba(var(--theme-rgb),.9)}.hifi-container.one-color .hifi-counter-container .lcd-clock,.hifi-container.one-color .lcd-clock.recording{color:var(--theme-color)!important;text-shadow:0 0 8px rgba(var(--theme-rgb),.8),0 0 15px rgba(var(--theme-rgb),.5),0 0 20px rgba(var(--theme-rgb),.3)!important}.hifi-container.one-color .counter-format-row.active .counter-format-label{background:var(--theme-color);border-color:var(--theme-color);box-shadow:0 0 8px rgba(var(--theme-rgb),.8),0 0 12px rgba(var(--theme-rgb),.4);color:#140c08}.hifi-container.one-color .vcr-btn.active .vcr-icon,.hifi-container.one-color .vcr-btn:active .vcr-icon{color:var(--theme-color);text-shadow:0 0 6px rgba(var(--theme-rgb),.85)}.hifi-container.one-color .knob-indicator{background-color:var(--theme-color);box-shadow:0 0 clamp(2px,.3vw,4px) rgba(var(--theme-rgb),.4),inset 0 1px 2px #0003}.hifi-container.one-color .knob-indicator:after{background:linear-gradient(to bottom,rgba(var(--theme-rgb),.2),#0000)}.hifi-container.one-color .hifi-response-toggle.on .hifi-response-toggle-thumb{background:var(--theme-color);box-shadow:0 0 6px rgba(var(--theme-rgb),.55)}.hifi-container.mono .hifi-painted-speaker-led{opacity:0}.hifi-container.powered-off .hifi-painted-speaker-led{background:#252525;box-shadow:none;opacity:0}.hifi-container.powered-off.stereo .hifi-painted-speaker-led{opacity:1}.hifi-container.powered-off>:not(.hifi-power-button-container):not(.hifi-deck-overlay):not(.hifi-brand-link){pointer-events:none}.hifi-container.powered-off .hifi-power-button-container{pointer-events:auto}.hifi-container.powered-off .hifi-visualizer{background:#050505!important;box-shadow:inset 0 0 40px #000000f2}.hifi-container.powered-off .meter-svg{opacity:0}.hifi-container.powered-off .control-unit:hover .led,.hifi-container.powered-off .input-select-led,.hifi-container.powered-off .input-select-led.blocked,.hifi-container.powered-off .input-select-led.ready,.hifi-container.powered-off .large-control-unit:hover .led,.hifi-container.powered-off .led,.hifi-container.powered-off .led.active,.hifi-container.powered-off .led.inactive,.hifi-container.powered-off.one-color .control-unit:hover .led,.hifi-container.powered-off.one-color .input-select-led.ready,.hifi-container.powered-off.one-color .large-control-unit:hover .led,.hifi-container.powered-off.one-color .led.active{animation:none!important;background:#2a2a2a!important;box-shadow:inset 0 1px 2px #00000080!important;filter:none!important}.hifi-container.powered-off .hifi-peak-meter-container .led,.hifi-container.powered-off .hifi-peak-meter-container .led.active,.hifi-container.powered-off .hifi-peak-meter-container .led.inactive{animation:none!important;background:linear-gradient(135deg,#141414,#101010)!important;box-shadow:none!important;filter:none!important}.hifi-container.powered-off .led.active{background:#1a1a1a!important;box-shadow:none!important;opacity:.25!important}.hifi-container.powered-off .hifi-power-button-container .led{background:#0000!important;box-shadow:none!important;opacity:0!important}.hifi-container.powered-off .hifi-amp-key.on:before,.hifi-container.powered-off.one-color .hifi-amp-key.on:before{display:none}.hifi-container.powered-off .hifi-counter-container .lcd-clock,.hifi-container.powered-off .lcd-clock.recording,.hifi-container.powered-off.one-color .hifi-counter-container .lcd-clock,.hifi-container.powered-off.one-color .lcd-clock.recording{color:#1a1a1a!important;text-shadow:none!important}.hifi-container.powered-off .counter-format-row.active .counter-format-label,.hifi-container.powered-off.one-color .counter-format-row.active .counter-format-label{background:#262626;border-color:#383838;box-shadow:none;color:#525252}.hifi-container.powered-off .color-cycle-btn.active .cycle-icon,.hifi-container.powered-off .color-cycle-btn.lit .cycle-icon,.hifi-container.powered-off .color-cycle-btn:active .cycle-icon,.hifi-container.powered-off .color-cycle-btn:hover .cycle-icon,.hifi-container.powered-off .cycle-icon{color:#3a3a3a!important;filter:none!important}.hifi-container.powered-off .vcr-btn .vcr-icon,.hifi-container.powered-off .vcr-btn.active .vcr-icon,.hifi-container.powered-off .vcr-btn:active .vcr-icon,.hifi-container.powered-off.one-color .vcr-btn.active .vcr-icon,.hifi-container.powered-off.one-color .vcr-btn:active .vcr-icon{color:#3a3a3a!important;text-shadow:none!important}.hifi-container.powered-off .knob-indicator,.hifi-container.powered-off.one-color .knob-indicator{background-color:#2a2a2a!important;box-shadow:none!important}.hifi-container.powered-off .knob-indicator:after,.hifi-container.powered-off.one-color .knob-indicator:after{background:#0000!important}@media (display-mode:standalone){.hifi-container{max-width:100%;min-width:0}}.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);transform:rotate(var(--wheel-start,0deg)) translateZ(-1px)}to{transform:rotate(-1turn) translateZ(-1px);transform:rotate(calc(var(--wheel-start, 0deg) - 1turn)) translateZ(-1px)}}@keyframes rotateRight{0%{transform:rotate(0deg) translateZ(-1px);transform:rotate(var(--wheel-start,0deg)) translateZ(-1px)}to{transform:rotate(-1turn) translateZ(-1px);transform:rotate(calc(var(--wheel-start, 0deg) - 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{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}.lcd-clock,.lcd-clock.recording{color:#ff8a00;text-shadow:0 0 8px #ff8a00cc,0 0 15px #ff8a0080,0 0 20px #ff8a004d}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 (display-mode:standalone){body{background-attachment:scroll}.app-container{min-height:100dvh;min-height:calc(100dvh - env(titlebar-area-height, 0px))}}@media (min-width:1200px){.audio-visualizer-page.fullscreen .advanced-audio-visualizer canvas{height:50vh;max-height:700px;max-width:1400px}}
/*# sourceMappingURL=main.68fbb2c7.css.map*/