/* Mixroom performance surface: original UI inspired by mobile DJ workflows. */
#window-mixroom>.window-body{background:#090b10;container-type:inline-size}#window-mixroom>.window-status{display:none}
.mixroom{--dj-a:#59b9ff;--dj-b:#ff9a62;--dj-line:#272d38;--dj-muted:#8b96a8;background:#090b10;color:#edf1f8;font:12px/1.45 Arial,Helvetica,sans-serif;padding:20px;min-height:100%;position:relative;isolation:isolate;color-scheme:dark}
.mixroom *{box-sizing:border-box}.mixroom [hidden]{display:none!important}
.mixroom button,.mixroom select,.dj-file,.dj-heading a{font:600 10px/1.2 Arial,sans-serif;color:#bcc6d5;background:#181d27;border:1px solid #303846;border-radius:5px;min-height:34px;padding:8px 11px;cursor:pointer;touch-action:manipulation;text-decoration:none;white-space:nowrap;box-shadow:none}
.mixroom button:hover,.dj-file:hover,.dj-heading a:hover{color:#fff;border-color:#647087;background:#222b39}.mixroom button:active{background:#354054}.mixroom button:disabled{opacity:.3;cursor:not-allowed}.mixroom button:focus-visible,.mixroom select:focus-visible,.mixroom input:focus-visible,.mixroom a:focus-visible,.mixroom [tabindex]:focus-visible,.dj-file:focus-within{outline:2px solid #e8d19d;outline-offset:3px}
.mixroom input[type=range]{appearance:none;display:block;width:100%;height:30px;margin:0;padding:0;background:transparent;cursor:pointer;touch-action:none}
.mixroom input[type=range]::-webkit-slider-runnable-track{height:3px;background:#343d4c;border:0;border-radius:2px}
.mixroom input[type=range]::-webkit-slider-thumb{appearance:none;width:13px;height:21px;margin-top:-9px;border:1px solid #0c1018;border-radius:3px;background:#e3e9f1;box-shadow:0 0 0 1px #9ba6b3}
.mixroom input[type=range]::-moz-range-track{height:3px;background:#343d4c}.mixroom input[type=range]::-moz-range-thumb{width:13px;height:21px;border:1px solid #0c1018;border-radius:3px;background:#e3e9f1}
.mixroom input:disabled{opacity:.3}.mixroom input[type=search],.mixroom input[type=number]{min-width:0;width:100%;background:#0b0f17;border:1px solid #455067;border-radius:5px;color:#f1f5fc;padding:10px;font:14px Arial,sans-serif;min-height:40px}
.mixroom select{max-width:100%;min-width:0}.mixroom option{background:#171d28}.mixroom h2,.mixroom h3,.mixroom p{margin:0}.mixroom meter{appearance:none;width:54px;height:7px;border:0;background:#222a35}.mixroom meter::-webkit-meter-bar{background:#222a35;border:0;border-radius:0}.mixroom meter::-webkit-meter-optimum-value{background:linear-gradient(90deg,#85df97,#d9de82,#ff8b68)}.mixroom meter::-moz-meter-bar{background:#9de1a8}
.dj-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--dj-line)}.dj-brand{display:flex;align-items:center;gap:10px}.dj-brand-mark{font-size:29px;color:#d7ebba}.dj-heading h2{font:bold 20px/1 Arial,sans-serif;letter-spacing:2px;color:#f6f7fb}.dj-heading h2 small{display:block;font:8px/1.5 monospace;color:#7c899d;letter-spacing:2px;margin-top:6px}.dj-heading-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.mixroom #dj-demo{background:#d9e7b9;color:#20281a;border-color:#d9e7b9}.mixroom #dj-fullscreen{font-size:20px;padding:4px 9px}
.dj-help{font-size:11px;color:#94a0b2;padding:10px 0}.dj-help summary{cursor:pointer;width:fit-content}.dj-help p{margin-top:9px;max-width:880px;line-height:1.7}
.dj-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,.58fr) minmax(0,1fr);gap:22px;align-items:start;padding-top:8px}.dj-deck{--deck:var(--dj-a);min-width:0}.dj-deck[data-deck=B]{--deck:var(--dj-b)}.dj-deck[data-drop=true]{outline:2px dashed var(--deck);outline-offset:8px}
.dj-track{display:flex;align-items:center;gap:9px;min-height:58px}.dj-letter{display:grid;place-items:center;background:var(--deck);color:#111923;border-radius:5px;width:28px;height:28px;flex:none;font:bold 15px monospace}.dj-track>div{min-width:0;flex:1}.dj-track h3{font:600 13px/1.4 Arial,sans-serif;color:#f5f7fb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-track [data-field=artist]{font-size:9px;color:#8e9bae;letter-spacing:.4px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-track a{color:#8493a9;font-size:9px}.dj-track [data-load-toggle]{font-size:9px;min-height:32px;padding:5px 7px;color:var(--deck)}
.dj-source-line{display:flex;align-items:baseline;gap:6px;min-height:33px;padding:4px 0 8px}.dj-source-line>span{font:8px monospace;color:var(--deck);flex:none}.dj-load-status{font-size:9px;line-height:1.4;color:#78869b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dj-load-status[data-error=true]{color:#ffb38f}
.dj-overview{width:100%;height:36px;display:block;background:#10151e;border-bottom:1px solid #313b4c;cursor:crosshair;touch-action:none}.mixroom .dj-seek{height:13px}.dj-seek::-webkit-slider-thumb{width:7px!important;height:12px!important;margin-top:-5px!important}.dj-readout{display:flex;align-items:center;gap:8px;margin:6px 0 13px}.dj-readout>div:first-child{display:flex;align-items:baseline;gap:4px}.dj-readout strong{font:500 27px/1 monospace;color:var(--deck);letter-spacing:-1px}.dj-readout small{font:8px monospace;color:#75849a}.dj-readout output{font:9px monospace;color:#9ba8ba}.dj-time{margin-left:auto;display:flex;flex-direction:column;align-items:end;font:12px monospace}
.dj-panel-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:13px}.dj-panel-tabs button{padding:6px;min-height:31px;font-size:9px;border-color:transparent;background:#111620;color:#718198;letter-spacing:1px}.dj-panel-tabs button[aria-pressed=true]{background:#213c55;color:var(--deck);border-color:#315877}.dj-panel{height:282px;overflow:auto;scrollbar-width:thin}.dj-jog-panel{display:flex;flex-direction:column;align-items:center;overflow:visible}
.dj-platter{--rotation:0deg;width:min(100%,236px);aspect-ratio:1;flex:none;border-radius:50%;border:7px solid #c7ced9;background:repeating-radial-gradient(circle,#141b27 0px,#141b27 2px,#202938 3px,#121722 4px);padding:18px;position:relative;touch-action:none;cursor:grab;user-select:none;box-shadow:0 0 0 2px #373e4b,0 0 0 5px #0d1119,inset 0 0 20px #000c}.dj-platter[data-dragging=true]{cursor:grabbing;border-color:var(--deck)}.dj-disc{height:100%;border-radius:50%;padding:6px;background:conic-gradient(from 25deg,#0f2238,#265c87,#77c5f5,#254568,#103553,#0f2238);transform:rotate(var(--rotation));box-shadow:inset 0 0 30px #0006}.dj-deck[data-deck=B] .dj-disc{background:conic-gradient(from 45deg,#703d2c,#eb7042,#ffd199,#d0613a,#592f28,#703d2c)}.dj-record-label{height:100%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff50;background:#0c172540;color:#fff}.dj-record-label small{font:8px monospace;letter-spacing:2px}.dj-record-label strong{font:700 52px/1 Arial,sans-serif;margin:5px 0}.dj-record-label span{font:6px monospace;letter-spacing:1px}.dj-jog-marker{position:absolute;top:-7px;left:calc(50% - 3px);height:13px;width:6px;background:var(--deck);border-radius:2px;transform-origin:3px calc((min(30vw,236px) - 14px)/2 + 7px)}.dj-jog-hint{font-size:9px;color:#68768c;margin-top:9px!important}.dj-bend{display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;margin-top:auto}.dj-bend button{font-size:8px;padding:4px 7px;min-height:29px}.dj-bend span{font-size:7px;letter-spacing:.5px;color:#65758c}.dj-bend button[data-held=true]{background:#2e516b;color:#fff}
.dj-transport{display:grid;grid-template-columns:54px 1fr 70px;gap:10px;align-items:center;margin-top:15px}.dj-transport button{min-height:47px;padding:8px}.mixroom .dj-cue{color:#ebc46b;background:#131820;border:1px solid #9b814b;border-radius:50%;width:47px;height:47px;font-size:11px}.mixroom .dj-play{color:#b9e57c;border:1px solid #536d38;background:#151e12;font-size:13px;letter-spacing:.8px}.mixroom .dj-play[aria-pressed=true]{background:#b2da78;color:#172211}.mixroom .dj-sync{background:#102d49;color:#78bfff;border-color:#2a567e;letter-spacing:1px;font-size:10px}.dj-tempo{display:flex;align-items:center;gap:7px;margin:13px 0 10px}.dj-tempo label{flex:1;min-width:0;font:8px monospace;color:#71839c}.dj-tempo button{min-height:29px;padding:5px 8px}.dj-loop{display:flex;align-items:center;gap:6px;padding-bottom:10px}.dj-loop select,.dj-loop button{font-size:9px;padding:5px 8px;min-height:31px}.dj-loop meter{margin-left:auto;flex-shrink:1}.dj-loop button[aria-pressed=true]{background:#d3de93;color:#141f16}
.dj-eq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:13px 0 17px}.dj-eq-band{text-align:center;min-width:0}.dj-eq-band label{font:9px monospace;letter-spacing:1px;color:#acb8c9}.dj-knob{--angle:0deg;width:46px;height:46px;margin:12px auto 5px;border-radius:50%;border:2px solid #8491a3;background:radial-gradient(circle at 36% 28%,#404a5c,#181e2a 70%);box-shadow:0 4px 8px #000;position:relative;cursor:ns-resize;touch-action:none}.dj-knob i{position:absolute;width:3px;height:14px;background:var(--deck);top:3px;left:calc(50% - 1.5px);transform-origin:1.5px 18px;transform:rotate(var(--angle));border-radius:2px}.dj-eq-band input{height:21px!important}.dj-eq-band output{font:9px monospace;display:block;margin:3px 0 5px;color:var(--deck)}.dj-eq-band button{min-height:26px;width:100%;padding:4px;font-size:8px}.dj-eq-band button[aria-pressed=true]{background:#b1553a;border-color:#eaa987;color:#fff}.dj-channel{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dj-channel label{font:8px monospace;color:#a6b5ca}.dj-channel output{font-size:8px;color:var(--deck);display:block;text-align:center}.mixroom .dj-subtle{background:transparent;color:#8290a5;border-color:transparent;font-size:9px;min-height:28px;padding:5px 0}
.dj-pad-options{display:flex;align-items:center;gap:5px;margin:7px 0 12px;font-size:8px;color:#92a1b8}.dj-pad-options>span{margin-right:auto}.dj-pad-options button{font-size:8px;padding:5px;min-height:28px}.dj-pad-options button[aria-pressed=true]{background:#a28035;color:#fff}.dj-cues{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.dj-cues button{height:67px;background:#122032;border-color:#26394f;padding:5px;color:#6385a8}.dj-cues b{display:block;font:18px monospace}.dj-cues small{font-size:6px;letter-spacing:.5px}.dj-cues [data-set=true]{background:#254c71;color:#d8ecff;border-color:var(--deck)}.dj-deck[data-deck=B] .dj-cues [data-set=true]{background:#663e30;color:#ffe5d7}.dj-beat-jump{display:flex;align-items:center;gap:5px;margin:17px 0 8px}.dj-beat-jump>*{flex:1;min-width:0}.dj-beat-jump button,.dj-beat-jump select{font-size:8px;padding:5px;min-height:31px}.dj-beat-jump select{width:100%}.dj-fx-panel{padding:12px 5px}.dj-panel-kicker{font-size:9px;letter-spacing:2px;color:var(--deck)}.dj-fx-panel h3{font:600 30px/1.4 Arial,sans-serif;letter-spacing:2px}.dj-fx-panel p{font-size:10px;color:#8090a6;margin:6px 0 13px;max-width:240px}.dj-fx-panel label{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:8px;color:#a7b7cd}.dj-fx-panel label input{flex:1}.dj-fx-panel output{font:9px monospace;min-width:28px}.dj-fx-panel button{min-height:28px;font-size:9px}
.dj-advanced{border-top:1px solid #202937;padding-top:7px;font-size:9px;color:#91a0b8}.dj-advanced summary{cursor:pointer;padding:4px 0}.dj-advanced summary span{float:right;color:#788e71;font:8px monospace}.dj-advanced-body{padding:10px 0}.dj-grid-tools{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.dj-grid-tools label{display:flex;align-items:center;gap:4px;font-size:8px}.dj-grid-tools input{width:74px!important;font-size:12px!important;padding:5px!important;min-height:31px!important}.dj-grid-tools button{padding:5px 7px;font-size:8px;min-height:30px}.dj-advanced-body>p{line-height:1.6;margin-top:9px;font-size:9px}
.dj-alignment{min-width:0;padding-top:8px}.dj-alignment-label{min-height:55px;text-align:center;display:flex;flex-direction:column;gap:8px}.dj-alignment-label span{font:8px monospace;letter-spacing:2px;color:#6d7b90}.dj-alignment-label strong{font:9px/1.5 monospace;color:#bdcf9a;font-weight:normal}.dj-grid-legend{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.dj-grid-legend button{min-height:27px;padding:4px 9px;font:10px monospace;border:0;background:transparent;color:#7c8ba0}.dj-grid-legend button[aria-pressed=true]{background:#1c3043;color:#a8d8ff}.dj-grid-legend button:last-child[aria-pressed=true]{background:#4b3128;color:#ffc198}.dj-grid-legend>span{font-size:8px;color:#6a7689}
#dj-grid{display:block;width:100%;height:390px;background:#080c13;border:1px solid #202939;border-radius:4px;cursor:grab;touch-action:none;user-select:none}#dj-grid[data-dragging=true]{cursor:grabbing}#dj-grid:focus-visible{outline-offset:0}.dj-wave-tools{margin-top:8px;display:flex;flex-direction:column;gap:5px}.dj-wave-tools>div{display:flex;gap:5px}.dj-wave-tools button,.dj-wave-tools select{padding:5px 4px;font-size:8px;min-height:30px;flex:1;width:0}.dj-wave-tools button[aria-pressed=true]{background:#d6c394;border-color:#d6c394;color:#161c26}.dj-wave-options select{flex:1.4}#dj-wave-feedback{display:block;color:#afa184;font:8px/1.5 monospace;min-height:28px;margin-top:6px;text-align:center}.dj-wave-instructions{color:#738399;font-size:9px;line-height:1.6;text-align:center;margin:14px auto 10px;max-width:670px}
.dj-mixer{background:#111720;border-top:1px solid #303b4d;border-radius:6px;padding:12px 22px 9px;margin-top:12px;position:sticky;bottom:0;z-index:3;box-shadow:0 -10px 20px #090b10aa}.dj-cross-label{display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:2px}.dj-cross-label>span{display:flex;align-items:center;gap:12px}.dj-cross-label small{color:#d1dcb1;letter-spacing:0}.dj-cross-label button{min-height:25px;background:transparent;border:0;color:var(--dj-a);font:bold 12px monospace;padding:2px 8px}.dj-cross-label button:last-child{color:var(--dj-b)}.mixroom #dj-crossfade{height:34px}#dj-crossfade::-webkit-slider-runnable-track{background:linear-gradient(90deg,#305172,#2b3442 45%,#2b3442 55%,#724830);height:5px}#dj-crossfade::-webkit-slider-thumb{height:29px;width:21px;margin-top:-12px}.dj-master{display:flex;align-items:center;justify-content:center;gap:10px;font:8px monospace;color:#8fa0b6}.dj-master label{display:flex;align-items:center;gap:9px}.dj-master input{max-width:160px;height:22px!important}.dj-master button{min-height:24px;font-size:8px;padding:4px 8px}.dj-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px;font-size:8px;color:#607088}.dj-footer p{font-size:10px;color:#b5c59e;flex-basis:100%;line-height:1.5}.dj-footer a{color:#96a7bf}
.dj-load-panel{position:absolute;z-index:8;left:14px;right:14px;top:80px;max-width:620px;margin:auto;background:#151d2b;border:1px solid #51617a;border-radius:12px;padding:22px;box-shadow:0 22px 90px #000e;max-height:min(70vh,540px);overflow:auto;scrollbar-width:thin}.dj-load-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.dj-load-panel header small{font-size:8px;letter-spacing:2px;color:#8294ad}.dj-load-panel h3{font-size:21px;color:#eaf3ff}.dj-load-panel>p{font-size:11px;color:#95a7bf;line-height:1.6;margin:12px 0}.dj-search-line{display:flex;gap:7px}.dj-search-line input{flex:1;width:0}.dj-results{max-height:230px;overflow:auto;scrollbar-width:thin;border-top:1px solid #35435a;margin-top:10px}.dj-results>p{padding:12px 0;font-size:10px;color:#9eacc1}.dj-result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #2b374b}.dj-result span{min-width:0}.dj-result strong,.dj-result small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-result strong{font-size:12px}.dj-result small{font-size:10px;color:#8394ad;margin-top:3px}.dj-results a{font-size:10px;display:inline-block;margin:10px 0;color:#d7c5a1}.dj-load-row{display:flex;gap:8px;margin-top:13px}.dj-load-row select{flex:1;width:0}.dj-file{position:relative;display:inline-flex;align-items:center;overflow:hidden;background:#2d415b;color:#eff5ff}.dj-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.mixroom-standalone{max-width:1180px;margin:22px auto 80px;padding:4px;background:#bfc4cc;box-shadow:var(--raise),4px 6px #0005;container-type:inline-size}.mixroom-standalone .dj-heading-actions a{display:none}.mixroom:fullscreen{overflow:auto;width:100%;height:100%;max-width:none;padding:22px max(20px,calc((100vw - 1160px)/2))}
@container(max-width:800px){.mixroom{padding:14px}.dj-console{gap:14px;grid-template-columns:minmax(0,1fr) minmax(105px,.48fr) minmax(0,1fr)}.dj-platter{width:min(100%,206px);padding:13px}.dj-panel{height:253px}.dj-readout strong{font-size:24px}.dj-track{gap:6px}.dj-track h3{font-size:11px}.dj-track [data-load-toggle]{padding:5px;font-size:8px}.dj-track .dj-letter{width:22px;height:25px;font-size:12px}.dj-transport{grid-template-columns:43px 1fr 53px;gap:6px}.dj-transport button{min-height:41px;padding:5px}.mixroom .dj-cue{height:41px;width:41px}.dj-eq{gap:8px}.dj-knob{width:40px;height:40px}.dj-knob i{height:11px;transform-origin:1.5px 15px}.dj-cues{gap:5px}.dj-cues button{height:59px}.dj-pad-options{flex-wrap:wrap}.dj-pad-options>span{flex-basis:100%}.dj-bend span{display:none}.dj-source-line{min-height:43px}.dj-alignment-label{min-height:65px}#dj-grid{height:370px}.dj-time{font-size:10px}.dj-eq-band label{font-size:8px}}
@container(max-width:550px){.mixroom{padding:10px}.dj-heading{gap:5px;padding-bottom:10px}.dj-heading h2{font-size:15px;letter-spacing:1px}.dj-heading h2 small{font-size:6px;letter-spacing:1px}.dj-brand-mark{display:none}.dj-heading-actions{gap:4px}.dj-heading-actions button,.dj-heading-actions a{font-size:8px;padding:6px;min-height:29px}.dj-heading-actions a{display:none}.dj-heading-actions #dj-fullscreen{font-size:16px;padding:3px 6px}.dj-help{font-size:10px;padding:8px 0}.dj-console{gap:8px;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr)}.dj-track{flex-wrap:wrap;gap:4px;min-height:75px;align-content:start}.dj-track .dj-letter{display:none}.dj-track>div{flex-basis:100%;min-height:35px}.dj-track [data-load-toggle]{width:100%;min-height:29px}.dj-track h3{font-size:11px}.dj-track [data-field=artist]{font-size:7px}.dj-source-line{display:block;min-height:46px}.dj-source-line>span{font-size:7px}.dj-load-status{font-size:8px}.dj-overview{height:29px}.dj-readout{flex-wrap:wrap;gap:4px;min-height:47px;margin-bottom:9px}.dj-readout strong{font-size:20px}.dj-readout small{font-size:7px}.dj-readout output{font-size:8px}.dj-time{flex-basis:100%;flex-direction:row;justify-content:space-between;font-size:9px}.dj-panel-tabs{gap:2px;margin-bottom:13px}.dj-panel-tabs button{padding:4px 0;font-size:7px;letter-spacing:0;min-height:30px}.dj-panel{height:216px}.dj-platter{width:100%;border-width:5px;padding:7px;margin-top:8px}.dj-record-label strong{font-size:32px}.dj-record-label small{font-size:5px;letter-spacing:1px}.dj-record-label span{display:none}.dj-jog-marker{top:-5px;height:9px;width:4px}.dj-jog-hint{font-size:8px;text-align:center;max-width:100px}.dj-bend{gap:4px}.dj-bend button{font-size:7px;padding:4px;min-height:31px;flex:1}.dj-transport{grid-template-columns:36px 1fr;gap:5px}.dj-transport .dj-sync{grid-column:1/-1;min-height:31px}.mixroom .dj-play{font-size:10px;letter-spacing:0}.mixroom .dj-cue{width:34px;height:34px;min-height:34px;font-size:9px}.dj-transport .dj-play{min-height:34px}.dj-tempo{gap:4px}.dj-tempo button{font-size:10px;padding:3px;min-width:20px;min-height:29px}.dj-tempo [data-action=tempo-reset]{font-size:7px;min-width:21px}.dj-tempo label{font-size:7px}.dj-loop{flex-wrap:wrap;gap:4px}.dj-loop button,.dj-loop select{font-size:8px;padding:4px;min-height:30px;flex:1}.dj-loop meter{width:100%;height:4px}.dj-advanced summary{font-size:8px}.dj-advanced summary span{float:none;display:block;margin-left:12px;font-size:7px}.dj-alignment-label{min-height:77px;gap:7px}.dj-alignment-label span{font-size:6px;letter-spacing:.5px}.dj-alignment-label strong{font-size:7px;line-height:1.6}.dj-grid-legend{margin-bottom:10px}.dj-grid-legend button{font-size:8px;padding:4px 7px;min-height:29px}#dj-grid{height:394px}.dj-wave-tools button,.dj-wave-tools select{font-size:6px;padding:4px 1px;min-height:31px}.dj-wave-tools>div{gap:3px}#dj-wave-feedback{font-size:7px;overflow-wrap:anywhere}.dj-eq{gap:4px;margin-top:8px;margin-bottom:10px}.dj-knob{width:28px;height:28px;margin-top:8px}.dj-knob i{height:8px;width:2px;left:calc(50% - 1px);top:2px;transform-origin:1px 10px}.dj-eq-band label{font-size:7px;letter-spacing:0}.dj-eq-band output{font-size:8px}.dj-eq-band button{font-size:6px;min-height:29px}.dj-channel{grid-template-columns:1fr;gap:8px}.dj-channel label{font-size:7px}.dj-channel input{height:23px!important}.dj-channel output{font-size:7px}.dj-pad-options{gap:3px;margin-top:1px;margin-bottom:9px}.dj-pad-options button{font-size:6px;min-height:29px;padding:3px}.dj-pad-options>span{font-size:7px}.dj-cues{gap:3px}.dj-cues button{height:40px;padding:2px}.dj-cues b{font-size:13px}.dj-cues small{font-size:4px;letter-spacing:0}.dj-beat-jump{flex-wrap:wrap;margin-top:10px;gap:3px}.dj-beat-jump label{order:-1;flex-basis:100%}.dj-beat-jump button,.dj-beat-jump select{font-size:7px;min-height:28px}.dj-fx-panel{padding:5px 0}.dj-fx-panel h3{font-size:23px}.dj-fx-panel p{font-size:8px;margin:5px 0 8px}.dj-fx-panel label{font-size:7px;flex-wrap:wrap;margin:8px 0}.dj-fx-panel select{font-size:9px;padding:4px;min-height:29px}.dj-fx-panel label input{width:100%;flex-basis:100%}.dj-fx-panel output{font-size:8px}.dj-fx-panel p:last-child{font-size:7px}.dj-grid-tools{gap:4px}.dj-grid-tools input{font-size:16px!important;width:75px!important}.dj-grid-tools button{font-size:7px;padding:4px}.dj-wave-instructions{font-size:8px;margin-top:11px}.dj-mixer{padding:9px 11px 7px}.dj-cross-label{font-size:7px;letter-spacing:1px}.dj-master{gap:6px;font-size:7px}.dj-master label{gap:5px;flex:1}.dj-master input{max-width:120px}.dj-master meter{width:30px}.dj-footer p{font-size:9px}.dj-load-panel{left:7px;right:7px;top:61px;padding:16px}.dj-load-panel input[type=search]{font-size:16px}.dj-load-row{flex-wrap:wrap}.dj-load-row>*{flex-basis:100%!important;width:100%}.dj-load-row select{width:100%}.dj-file{justify-content:center}}
@media(max-width:700px){.mixroom-standalone{margin:5px 3px 65px}.mixroom-standalone>.titlebar{min-height:30px}}