.dj-console{--dj-bg:#1b2226;--dj-panel:#151c20;--dj-raised:#20272b;--dj-recess:#0c1317;--dj-text:#f2f3f3;--dj-secondary:#b7bec2;--dj-muted:#949da3;--dj-a:#f8953f;--dj-b:#40afff;--dj-red:#ed102d;--dj-ind-red:#ef343b;--dj-key:#bd79d9;--dj-meter-g:#65d92c;--dj-meter-y:#e0c52e;--dj-border:#434a4e;--dj-font:var(--font-sans,"Segoe UI", system-ui, sans-serif);--dj-display:var(--font-display,var(--dj-font));box-sizing:border-box;background:var(--dj-bg);color:var(--dj-text);font-family:var(--dj-font);-webkit-user-select:none;user-select:none;width:100%;min-height:100%}.dj-console *,.dj-console :before,.dj-console :after{box-sizing:border-box}.dj-panel{background:linear-gradient(180deg, #ffffff08 0%, transparent 40%), var(--dj-panel);border:1px solid var(--dj-border);border-radius:10px;min-width:0;box-shadow:0 8px 18px #00000059,inset 1px 1px #ffffff0d}.dj-console .dj-deck-column,.dj-console .dj-mixer-column{min-width:0;overflow:hidden}.dj-console .dj-decks-row{grid-template-columns:minmax(0,1.2fr) minmax(160px,.85fr) minmax(0,1.2fr)}@media (width<=1100px){.dj-console .dj-decks-row{grid-template-columns:minmax(0,1.15fr) minmax(140px,.75fr) minmax(0,1.15fr);gap:.65rem}}@media (width<=820px){.dj-console .dj-decks-row{grid-template-columns:minmax(0,1fr) minmax(120px,.7fr) minmax(0,1fr);gap:.5rem}}.dj-recess{background:var(--dj-recess);border:1px solid #434a4ea6;box-shadow:inset 0 2px 6px #0000008c}.dj-hw-btn{appearance:none;border:1px solid var(--dj-border);color:var(--dj-text);cursor:pointer;touch-action:none;background:linear-gradient(#2a3136 0%,#1a2125 100%);border-radius:5px;font-weight:600;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0006}.dj-hw-btn:disabled{opacity:.4;cursor:not-allowed}.dj-hw-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 2px 4px #00000073}.dj-effect-select,.dj-native-select{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#111;background-color:#fff;background-image:none}.dj-effect-select option,.dj-native-select option{color:#111;background-color:#fff}.dj-effect-select:focus,.dj-native-select:focus{outline-offset:1px;outline:1px solid #949da3}.dj-effect-select option:checked,.dj-effect-select option:hover,.dj-native-select option:checked,.dj-native-select option:hover{color:#111;background-color:#d7dce0}.dj-tabular{font-variant-numeric:tabular-nums}
