:root{--deck-platter-size: clamp(180px, min(24vw, 50vh), 500px)}body:not(.view-studio){background:radial-gradient(110% 90% at 50% 0%,var(--sx-bg-vignette),transparent 56%),linear-gradient(180deg,var(--sx-surface-1) 0%,var(--sx-bg) 100%);color:var(--sx-text-1)}body:not(.view-studio){--sx-topbar-h: 64px}body:not(.view-studio) #topbar{position:relative;display:flex;height:var(--sx-topbar-h);min-height:var(--sx-topbar-h);align-items:center;gap:0;padding:0 14px 0 64px;border:0;border-bottom:1px solid var(--sx-line);background-color:var(--sx-surface-1);box-shadow:none;color:var(--sx-text-1)}.ic{display:inline-flex;width:16px;height:16px;flex:none}.ic svg{width:100%;height:100%;display:block}body:not(.view-studio) #topbar .ic{width:15px;height:15px;opacity:.9}.rec-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background-color:var(--sx-danger);box-shadow:var(--sx-glow-danger);flex:none}#record-btn.recording .rec-dot{animation:recPulse 1.5s infinite}body:not(.view-studio) #topbar:before{content:"";position:absolute;left:22px;top:50%;width:22px;height:15px;transform:translateY(-50%);background:linear-gradient(var(--sx-chrome),var(--sx-chrome)) 0 0 / 100% 2px no-repeat,linear-gradient(var(--sx-chrome),var(--sx-chrome)) 0 50% / 100% 2px no-repeat,linear-gradient(var(--sx-chrome),var(--sx-chrome)) 0 100% / 100% 2px no-repeat;opacity:.9}body:not(.view-studio) .brandnav{display:flex;height:100%;align-items:center;gap:26px;padding-right:26px;margin-right:10px;border-right:0}body:not(.view-studio) .brand-seg{height:100%;padding:0;border:0;background:none;color:var(--sx-text-4);font-weight:800;font-size:var(--sx-fs-md);line-height:1;letter-spacing:.18em}body:not(.view-studio) #nav-decks{color:var(--sx-text-1);font-size:var(--sx-fs-xl);letter-spacing:.14em}body:not(.view-studio) .brand-slash{display:none}body:not(.view-studio) #topbar .master{order:4;margin-left:auto;display:grid;grid-template-columns:auto 150px 34px;height:100%;align-items:center;gap:14px;padding:0;color:var(--sx-text-1)}body:not(.view-studio) #topbar #settings-btn{order:5}body:not(.view-studio) #topbar #help-btn{order:6}@media(max-width:1240px){body:not(.view-studio) #topbar .master{gap:10px}body:not(.view-studio) #topbar .master label{display:none}body:not(.view-studio) #topbar .master{grid-template-columns:150px 34px}.master-vu{grid-column:1}.master-knob{grid-column:2}}@media(max-width:1040px){body:not(.view-studio) #topbar .master{grid-template-columns:108px 34px}.master-vu{width:108px}}@media(max-width:880px){body:not(.view-studio) #topbar .master{grid-template-columns:34px}.master-vu{display:none}.master-knob{grid-column:1}}body:not(.view-studio) #topbar .master label{color:var(--sx-text-1);font-size:var(--sx-fs-sm);font-weight:800;letter-spacing:.15em}body:not(.view-studio) #topbar .master input{display:none}.master-vu{grid-column:2;position:relative;width:158px;height:20px;border:0;border-radius:var(--sx-radius-2xs);background:repeating-linear-gradient(90deg,var(--sx-wash-1) 0 10px,transparent 10px 13px),var(--sx-well);overflow:hidden}.master-vu i{position:absolute;left:0;top:0;bottom:0;width:var(--level, 0%);background:linear-gradient(180deg,transparent 0 44%,var(--sx-well) 44% 56%,transparent 56%),repeating-linear-gradient(90deg,transparent 0 10px,var(--sx-well) 10px 13px),linear-gradient(90deg,var(--sx-meter-low) 0 55%,var(--sx-meter-mid) 55% 80%,var(--sx-hot) 80% 100%);transition:width .05s linear}.master-vu:after{content:"";position:absolute;top:0;bottom:0;left:var(--peak, 0%);width:2px;background-color:var(--sx-marker);opacity:.8}.master-knob{grid-column:3;grid-row:1;position:relative;width:38px;height:38px;border:2px solid var(--sx-line-strong);border-radius:50%;background:radial-gradient(circle at 50% 38%,var(--sx-surface-3),var(--sx-surface-1) 80%);box-shadow:inset 0 1px 0 var(--sx-hilite),var(--sx-shadow-1);cursor:ns-resize;touch-action:none}.master-knob .knob-dot{position:absolute;top:2px;left:50%;width:2px;height:8px;transform:translate(-50%);border-radius:var(--sx-radius-2xs);background-color:var(--sx-chrome);box-shadow:var(--sx-shadow-1)}body:not(.view-studio) #topbar>.deck-only,body:not(.view-studio) #topbar>#help-btn{display:inline-flex;height:100%;min-width:56px;align-items:center;justify-content:center;gap:9px;margin:0;padding:0 20px;border:0;border-left:1px solid var(--sx-line-soft);border-radius:0;background:transparent;color:var(--sx-text-2);font-weight:700;font-size:var(--sx-fs-sm);line-height:1;letter-spacing:.08em;text-transform:uppercase}body:not(.view-studio) #topbar>.deck-only:hover,body:not(.view-studio) #topbar>#help-btn:hover{background-color:var(--sx-wash-1);color:var(--sx-text-1)}body:not(.view-studio) #drawer-btn{margin-left:auto}body:not(.view-studio) #drawer-btn.active{background-color:var(--sx-wash-2);color:var(--sx-text-1);box-shadow:inset 0 -2px 0 var(--sx-deck-a-ink)}body.recording:not(.view-studio) .controller-shell{box-shadow:inset 0 1px 0 var(--sx-hilite),inset 0 -22px 42px var(--sx-shade),var(--sx-shadow-3),inset 0 0 0 2px color-mix(in srgb,var(--sx-danger) 55%,transparent)}body:not(.view-studio) #record-btn{color:var(--sx-text-2)}body:not(.view-studio) #record-btn .rec-label{font-variant-numeric:tabular-nums}body:not(.view-studio) #console,body.use-landscape-layout:not(.view-studio) #console{display:block;width:100%;height:calc(100dvh - var(--sx-topbar-h));padding:10px;overflow:hidden;background-color:var(--sx-bg)}.controller-shell{display:grid;grid-template-columns:minmax(330px,1fr) minmax(420px,1.08fr) minmax(330px,1fr);gap:10px;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none}.deck-side,.wave-console,.controller-center .mixer{border:1px solid var(--sx-line);border-radius:var(--sx-radius);background:linear-gradient(180deg,var(--sx-surface-2) 0%,var(--sx-surface-1) 100%);box-shadow:var(--sx-shadow-2),inset 0 1px 0 var(--sx-hilite)}.deck-side,.controller-center{min-width:0;min-height:0}.deck-side{display:grid;grid-template-rows:minmax(168px,.27fr) minmax(0,1fr) minmax(122px,.2fr);gap:14px;padding:18px 20px 24px}.deck-side.deck-a.active{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--sx-deck-a-ink) 32%,transparent)}.deck-side.deck-b.active{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--sx-deck-b-ink) 32%,transparent)}.deck-side.active .deck-heading span{text-shadow:0 0 14px light-dark(transparent,currentColor)}.deck-side .deck-meta,body.use-landscape-layout:not(.view-studio) .deck-side .deck-meta{display:grid;grid-template-rows:24px minmax(72px,.9fr) minmax(46px,.7fr);gap:12px;min-width:0;min-height:0;padding:0;border:0;border-radius:0;margin:0;background:none;box-shadow:none}.deck-heading{display:flex;align-items:center;justify-content:flex-start;min-width:0;border-bottom:0;color:var(--sx-deck-a-ink);font-weight:800;font-size:var(--sx-fs-xl);line-height:1;letter-spacing:.14em}.deck-b .deck-heading{color:var(--sx-deck-b-ink)}.track-card{display:grid;grid-template-columns:clamp(56px,16%,76px) minmax(0,1fr) clamp(52px,13%,64px);gap:16px;min-width:0;align-items:stretch}.album-art{position:relative;min-width:0;overflow:hidden;border:1px solid var(--sx-line);border-radius:var(--sx-radius-md);background:radial-gradient(circle at 50% 50%,var(--sx-surface-1) 0 18%,var(--sx-surface-2) 19% 21%,var(--sx-surface-1) 22% 46%,var(--sx-surface-2) 47% 49%,var(--sx-well) 50% 100%),linear-gradient(180deg,var(--sx-surface-2),var(--sx-well));box-shadow:inset 0 0 22px var(--sx-shade)}.album-art canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.album-art.has-art{background:linear-gradient(180deg,var(--sx-surface-1),var(--sx-bg))}.track-info{display:grid;min-width:0;align-content:center;gap:14px}.track-info .title{display:block;overflow:hidden;color:var(--sx-text-1);font-size:clamp(.8rem,1vw,1rem);font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.track-stats{display:flex;min-width:0;align-items:center;gap:clamp(12px,2.4vw,22px);color:var(--sx-text-2);font-size:clamp(.72rem,.85vw,.9rem);font-variant-numeric:tabular-nums}.track-bpm{color:var(--sx-text-1);font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer;user-select:none}.track-bpm.tapping{color:var(--sx-deck-a-ink)}.deck-side[data-deck=B] .track-bpm.tapping{color:var(--sx-deck-b-ink)}.track-bpm-unit{margin-left:-8px;color:var(--sx-text-4);font-size:.68em;font-weight:800;letter-spacing:.06em}.track-stats .time{color:var(--sx-text-3)}.deck-side .load-tile{display:grid;min-width:0;height:100%;min-height:60px;place-items:center;gap:5px;align-content:center;padding:6px 4px;border:1px solid var(--sx-line);border-radius:var(--sx-radius);background:linear-gradient(180deg,var(--sx-surface-3),var(--sx-surface-2));color:var(--sx-text-2);font-weight:700;font-size:var(--sx-fs-xs);line-height:1.2;letter-spacing:.1em;box-shadow:inset 0 1px 0 var(--sx-hilite),var(--sx-shadow-1)}.deck-side .load-tile .ic{width:20px;height:20px;opacity:.9}.hotcue-block{display:grid;align-content:start;gap:8px;min-width:0}.section-label,.loop-label,.rail-label{color:var(--sx-text-3);font-weight:800;font-size:var(--sx-fs-xs);line-height:1;letter-spacing:.09em}.deck-side .hotcues{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;min-width:0;min-height:0;margin:0}.deck-side .hotcue-chip{min-width:0;height:clamp(28px,3.6vh,36px);padding:0;border:1px solid var(--sx-line);border-radius:var(--sx-radius-sm);background-color:var(--sx-btn-lo);color:var(--sx-text-2);font-weight:700;font-size:var(--sx-fs-base);line-height:1;box-shadow:inset 0 1px 0 var(--sx-hilite)}.deck-a .hotcue-chip:first-child{border-color:color-mix(in srgb,var(--sx-deck-a-ink) 75%,transparent);color:var(--sx-deck-a-ink)}.deck-b .hotcue-chip:first-child{border-color:color-mix(in srgb,var(--sx-deck-b-ink) 75%,transparent);color:var(--sx-deck-b-ink)}.deck-side .hotcue-chip.set{color:var(--sx-ink-on-accent)}.deck-body{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;min-width:0;min-height:0;align-items:center;padding:2px 0 0}.deck-a .deck-rail{grid-column:1;grid-row:1}.deck-a .jog-pad{grid-column:2;grid-row:1}.deck-b .deck-body{grid-template-columns:minmax(0,1fr) 58px}.deck-b .jog-pad{grid-column:1;grid-row:1}.deck-b .deck-rail{grid-column:2;grid-row:1}.deck-side .deck-rail,body.use-landscape-layout:not(.view-studio) .deck-side .deck-rail{display:grid;grid-template-rows:auto 1fr auto auto;width:58px;height:min(94%,360px);min-height:0;align-self:center;justify-items:center;padding:0;background:none}.deck-side .deck-rail .rail-label{align-self:end;margin-bottom:12px}.rail-read{border:0;background:none;color:var(--sx-deck-a-ink);font-weight:900;font-size:var(--sx-fs-sm);line-height:1;font-variant-numeric:tabular-nums}.deck-b .rail-read{color:var(--sx-deck-b-ink)}.bend-row{display:flex;align-items:center;justify-content:center;gap:2px;width:100%;margin-top:4px}.bend-btn{padding:2px 4px;font-size:var(--sx-fs-2xs);font-weight:700;min-width:18px;height:20px;border-radius:var(--sx-radius-2xs);border:1px solid var(--sx-border-medium, rgba(255,255,255,.15));background:var(--sx-surface-2, #182030);color:var(--sx-text-muted, #94a3b8);cursor:pointer;user-select:none;touch-action:none;display:inline-flex;align-items:center;justify-content:center}.bend-btn:hover{background:var(--sx-surface-3, #222d42);color:var(--sx-text-bright, #fff)}.bend-btn:active{background:var(--sx-accent, #ff7a00);color:#fff}.bend-range{font-size:9px;min-width:24px;padding:2px}.deck-side .deck-rail .fader.v{width:58px;height:100%;min-height:180px}.deck-side .jog-pad,body.use-landscape-layout:not(.view-studio) .deck-side .jog-pad{display:grid;min-width:0;min-height:0;place-items:center;overflow:visible;border:0;border-radius:50%;background:none}.deck-side .jog-pad.touching{background:none}.deck-side .platter,body.use-landscape-layout:not(.view-studio) .deck-side .platter{position:relative;width:var(--deck-platter-size);height:var(--deck-platter-size);max-width:min(100%,var(--deck-platter-size));max-height:min(100%,var(--deck-platter-size));border:1px solid var(--sx-line);border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--sx-surface-3) 0%,var(--sx-surface-2) 46%,var(--sx-surface-1) 78%,var(--sx-bg) 100%);box-shadow:var(--sx-shadow-3),inset 0 1px 0 var(--sx-hilite),inset 0 -14px 34px var(--sx-shade)}.deck-side .platter:before{content:"";position:absolute;inset:8.5%;z-index:0;border:1px solid var(--sx-line);border-radius:50%;background:radial-gradient(circle at 50% 40%,var(--sx-surface-2),var(--sx-surface-1) 70%,var(--sx-bg) 100%);box-shadow:inset 0 0 26px var(--sx-shade)}.deck-side .platter:after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--sx-chrome) 16%,transparent) 0deg .5deg,transparent .5deg 2deg);mask:radial-gradient(circle,transparent 0 82.5%,#000 83.5% 99%,transparent 100%);-webkit-mask:radial-gradient(circle,transparent 0 82.5%,#000 83.5% 99%,transparent 100%);opacity:.75;pointer-events:none}.deck-side .platter-disc{position:absolute;inset:9%;z-index:1;border-radius:50%;box-shadow:inset 0 2px 10px var(--sx-hilite),inset 0 -16px 38px var(--sx-shade),0 0 0 1px var(--sx-rim);transition:box-shadow .15s ease}.deck-side.deck-a .jog-pad.touching .platter-disc{box-shadow:inset 0 2px 8px var(--sx-hilite),inset 0 -24px 54px var(--sx-shade),0 0 0 1px color-mix(in srgb,var(--sx-deck-a-ink) 55%,transparent),0 0 34px color-mix(in srgb,var(--sx-deck-a) 38%,transparent)}.deck-side.deck-b .jog-pad.touching .platter-disc{box-shadow:inset 0 2px 8px var(--sx-hilite),inset 0 -24px 54px var(--sx-shade),0 0 0 1px color-mix(in srgb,var(--sx-deck-b-ink) 55%,transparent),0 0 34px color-mix(in srgb,var(--sx-deck-b) 38%,transparent)}body.use-landscape-layout:not(.view-studio) .deck-side.deck-a .platter-disc,.deck-side.deck-a .platter-disc{background:radial-gradient(circle,transparent 0 22%,color-mix(in srgb,var(--sx-deck-a) 90%,var(--sx-lighten)) 22.6% 24%,transparent 24.8%),radial-gradient(circle at 50% 42%,var(--sx-surface-2),var(--sx-surface-1) 76%)}body.use-landscape-layout:not(.view-studio) .deck-side.deck-b .platter-disc,.deck-side.deck-b .platter-disc{background:radial-gradient(circle,transparent 0 22%,color-mix(in srgb,var(--sx-deck-b) 90%,var(--sx-lighten)) 22.6% 24%,transparent 24.8%),radial-gradient(circle at 50% 42%,var(--sx-surface-2),var(--sx-surface-1) 76%)}.deck-side .platter-ref{top:.5%;z-index:3;border:0;width:4px;height:5.5%;border-radius:var(--sx-radius-2xs);background-color:var(--sx-chrome);box-shadow:var(--sx-shadow-1);opacity:.95}.deck-side .platter-mark{top:0;width:2px;height:8.5%;border-radius:var(--sx-radius-2xs);background:color-mix(in srgb,var(--sx-chrome) 85%,transparent);box-shadow:none}.deck-side .platter-label,.deck-side .platter-ring,.deck-side .platter-sticker{display:none}.deck-side .pad-hint{bottom:2px;font-size:var(--sx-fs-xs);letter-spacing:.04em;color:var(--sx-text-4)}.deck-side .armed-tag{top:2px;font-size:var(--sx-fs-2xs)}@media(max-height:560px){.deck-side .pad-hint{display:none}}.deck-side .transport,body.use-landscape-layout:not(.view-studio) .deck-side .transport{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(44px,.9fr) minmax(50px,1fr);gap:12px 12px;width:100%;min-height:0;padding:0;margin:0;border:0;background:none;box-shadow:none}.deck-side .transport .btn,body.use-landscape-layout:not(.view-studio) .deck-side .transport .btn,.wave-toolbar .btn,.wave-toolbar button,.center-loop-strip .btn{width:100%;min-width:0;height:100%;padding:0 8px;border:1px solid var(--sx-line);border-radius:var(--sx-radius-md);background-color:var(--sx-btn-lo);color:var(--sx-text-2);font-weight:700;font-size:var(--sx-fs-base);line-height:1;letter-spacing:.05em;box-shadow:inset 0 1px 0 var(--sx-hilite)}.deck-side .transport .btn:hover,.wave-toolbar .btn:hover,.wave-toolbar button:hover,.center-loop-strip .btn:hover{filter:brightness(1.12)}.deck-side .transport .btn:active,.wave-toolbar .btn:active,.wave-toolbar button:active,.center-loop-strip .btn:active,.controller-center .both-btn:active{transform:translateY(1px);box-shadow:inset 0 1px 0 var(--sx-hilite),var(--sx-shadow-1);filter:brightness(.95)}.deck-a .transport .cue-btn,.deck-a .transport .play-btn,.deck-a .transport .sync-btn{border-color:color-mix(in srgb,var(--sx-deck-a-ink) 60%,var(--sx-line));color:var(--sx-deck-a-ink);background:color-mix(in srgb,var(--sx-deck-a) 6%,var(--sx-btn-lo))}.deck-b .transport .cue-btn,.deck-b .transport .play-btn,.deck-b .transport .sync-btn{border-color:color-mix(in srgb,var(--sx-deck-b-ink) 60%,var(--sx-line));color:var(--sx-deck-b-ink);background:color-mix(in srgb,var(--sx-deck-b) 6%,var(--sx-btn-lo))}.deck-side .transport .play-btn{display:flex;align-items:center;justify-content:center;gap:10px;font-size:var(--sx-fs-xl);letter-spacing:.1em}.deck-side .transport[data-deck=A] .tp-start,.deck-side .transport[data-deck=B] .tp-start{grid-column:1;grid-row:1}.deck-side .transport[data-deck=A] .tp-rew,.deck-side .transport[data-deck=B] .tp-rew{grid-column:2;grid-row:1}.deck-side .transport[data-deck=A] .cue-btn,.deck-side .transport[data-deck=B] .cue-btn{grid-column:3;grid-row:1}.deck-side .transport[data-deck=A] .set-btn,.deck-side .transport[data-deck=B] .set-btn{grid-column:4;grid-row:1}.deck-side .transport[data-deck=A] .play-btn,.deck-side .transport[data-deck=B] .play-btn{grid-column:1 / span 2;grid-row:2}.deck-side .transport[data-deck=A] .tp-ff,.deck-side .transport[data-deck=B] .tp-ff{grid-column:3;grid-row:2}.deck-side .transport[data-deck=A] .sync-btn,.deck-side .transport[data-deck=B] .sync-btn{grid-column:4;grid-row:2}.deck-a .tp-start{color:var(--sx-ok-ink)!important}.deck-b .tp-start{color:var(--sx-deck-b-ink)!important}.controller-center{display:grid;grid-template-rows:minmax(250px,.42fr) minmax(360px,.58fr);gap:10px;background:transparent}.wave-console{display:grid;grid-template-rows:56px minmax(0,1fr) 58px;min-width:0;min-height:0;overflow:hidden}.wave-toolbar{display:grid;grid-template-columns:86px 104px 62px minmax(140px,1fr) 100px;gap:10px;align-items:center;padding:10px 12px 4px}.wave-toolbar .ic{width:15px;height:15px;opacity:.85}.deck-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;height:38px}.deck-pick{min-width:0;border:1px solid var(--sx-line);border-radius:var(--sx-radius-md);background-color:var(--sx-btn-lo);color:var(--sx-text-3);font-weight:800;font-size:var(--sx-fs-lg);line-height:1;cursor:pointer}.deck-pick[data-deck=A].active{background:linear-gradient(180deg,color-mix(in srgb,var(--sx-deck-a) 88%,var(--sx-lighten)),color-mix(in srgb,var(--sx-deck-a) 70%,var(--sx-darken)));border-color:var(--sx-deck-a);color:var(--sx-ink-on-accent)}.deck-pick[data-deck=B].active{background:linear-gradient(180deg,color-mix(in srgb,var(--sx-deck-b) 88%,var(--sx-lighten)),color-mix(in srgb,var(--sx-deck-b) 70%,var(--sx-darken)));border-color:var(--sx-deck-b);color:var(--sx-ink-on-accent)}.deck-pick[data-deck=A]{--pick-flash: var(--sx-deck-a-ink)}.deck-pick[data-deck=B]{--pick-flash: var(--sx-deck-b-ink)}.deck-pick.flash{animation:deckPickFlash .45s ease-out}@keyframes deckPickFlash{0%{box-shadow:0 0 0 3px var(--pick-flash),0 0 18px var(--pick-flash)}to{box-shadow:0 0 0 0 transparent}}.wave-toolbar .btn,.wave-toolbar button{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px}.preset-wrap{display:grid;grid-template-columns:auto minmax(0,1fr);height:40px;align-items:center;gap:14px;min-width:0;padding-left:15px;border:1px solid var(--sx-line);border-radius:var(--sx-radius-md);background-color:var(--sx-btn-lo);color:var(--sx-text-3);font-weight:700;font-size:var(--sx-fs-sm);line-height:1;letter-spacing:.1em}.preset-select{width:100%;height:100%;min-width:0;border:0;background:transparent;color:var(--sx-text-1);font-weight:700;font-size:var(--sx-fs-base);line-height:1}.zoom-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:40px}.wave-stage{position:relative;display:grid;grid-template-rows:1fr 1fr;min-height:0;margin:6px 12px 0;overflow:hidden;border:1px solid var(--sx-line-soft);border-radius:var(--sx-radius-md);background-color:var(--sx-well);box-shadow:inset 0 0 24px var(--sx-shade)}.wave-caption{position:absolute;top:7px;left:10px;z-index:5;color:var(--sx-text-3);font-weight:700;font-size:var(--sx-fs-xs);line-height:1;letter-spacing:.04em;pointer-events:none}.stage-playhead{position:absolute;top:0;bottom:0;left:50%;z-index:4;width:2px;margin-left:-1px;background-color:var(--sx-danger);box-shadow:var(--sx-glow-danger);pointer-events:none}.wave-lane{position:relative;min-width:0;min-height:0;overflow:hidden;border-bottom:1px solid var(--sx-line-soft);background-color:var(--sx-well)}.demo-chip{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);padding:.55rem 1.05rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--sx-deck-a-ink) 55%,transparent);background-color:var(--sx-overlay);color:var(--sx-deck-a-ink);font-weight:800;font-size:var(--sx-fs-sm);line-height:1;letter-spacing:.08em;cursor:pointer;box-shadow:var(--sx-shadow-2)}.wave-lane[data-deck=B] .demo-chip{color:var(--sx-deck-b-ink);border-color:color-mix(in srgb,var(--sx-deck-b-ink) 55%,transparent)}.demo-chip:hover{background-color:var(--sx-surface-2);filter:brightness(1.1)}.demo-chip[hidden]{display:none}.wave-lane:last-child{border-bottom:0}.wave-lane-label{position:absolute;top:50%;left:10px;z-index:4;display:grid;width:24px;height:24px;margin-top:-12px;place-items:center;border-radius:var(--sx-radius-xs);background-color:var(--sx-deck-a);color:var(--sx-ink-on-accent);font-weight:900;font-size:var(--sx-fs-lg);line-height:1;box-shadow:var(--sx-shadow-1)}.wave-lane[data-deck=B] .wave-lane-label{background-color:var(--sx-deck-b)}.wave-stage .waveform,body.use-landscape-layout:not(.view-studio) .wave-stage .waveform{position:relative;z-index:1;width:100%;height:100%;min-height:0;margin:0;border:0;border-radius:0;background:transparent}.center-loop-strip{min-height:0;padding:10px 12px 12px;border-top:0}.center-loop-strip .loop-row{display:grid;grid-template-columns:56px repeat(7,minmax(0,1fr));gap:9px;height:100%;margin:0}.center-loop-strip .loop-label{display:flex;align-items:center;font-size:var(--sx-fs-sm);letter-spacing:.1em}.center-loop-strip .loop-btn{height:100%;min-width:0;padding:0 4px;font-size:var(--sx-fs-md)}.center-loop-strip[data-deck=A] .loop-auto.active{background:color-mix(in srgb,var(--sx-deck-a) 10%,var(--sx-btn-lo));border-color:var(--sx-deck-a-ink);color:var(--sx-deck-a-ink)}.center-loop-strip[data-deck=B] .loop-auto.active{background:color-mix(in srgb,var(--sx-deck-b) 10%,var(--sx-btn-lo));border-color:var(--sx-deck-b-ink);color:var(--sx-deck-b-ink)}.center-loop-strip[data-deck=A] .loop-auto,.center-loop-strip[data-deck=A] .loop-label{color:var(--sx-deck-a-ink)}.center-loop-strip[data-deck=B] .loop-auto,.center-loop-strip[data-deck=B] .loop-label{color:var(--sx-deck-b-ink)}.controller-center .mixer,body.use-landscape-layout:not(.view-studio) .controller-center .mixer{display:grid;grid-template-columns:minmax(118px,.82fr) minmax(180px,1fr) minmax(118px,.82fr);min-width:0;min-height:0;gap:0;padding:22px 18px}.controller-center .channel,body.use-landscape-layout:not(.view-studio) .controller-center .channel{display:grid;min-width:0;min-height:0;align-content:stretch;padding:0 10px;border:0}.controller-center .eq,body.use-landscape-layout:not(.view-studio) .controller-center .channel>.eq{display:grid;grid-template-rows:repeat(5,minmax(0,1fr));min-height:0;align-items:center}.controller-center .eq .knob-group,body.use-landscape-layout:not(.view-studio) .controller-center .eq .knob-group{display:grid;grid-template-columns:auto 1fr;justify-items:start;align-items:center;gap:12px}.controller-center .channel[data-deck=B] .knob-group,body.use-landscape-layout:not(.view-studio) .controller-center .channel[data-deck=B] .knob-group{grid-template-columns:1fr auto}.controller-center .channel[data-deck=B] .knob-dial{grid-column:2}.controller-center .channel[data-deck=B] label{grid-column:1;grid-row:1;justify-self:end;text-align:right}.controller-center .eq .knob-dial,body.use-landscape-layout:not(.view-studio) .controller-center .eq .knob-dial{width:56px;height:56px;flex:none}.controller-center .eq .knob,body.use-landscape-layout:not(.view-studio) .controller-center .eq .knob{top:7px;left:7px;width:42px;height:42px;border:2px solid var(--sx-line-strong);background:radial-gradient(circle at 50% 38%,var(--sx-surface-3),var(--sx-surface-1) 82%);box-shadow:inset 0 1px 0 var(--sx-hilite),var(--sx-shadow-1)}.controller-center .eq .knob .knob-dot{top:3px;width:3px;height:11px;background-color:var(--sx-chrome)}.controller-center .eq .knob-group label,body.use-landscape-layout:not(.view-studio) .controller-center .eq .knob-group label{width:auto;color:var(--sx-text-3);font-weight:700;font-size:var(--sx-fs-sm);line-height:1;letter-spacing:.08em}.controller-center .crossfade-col,body.use-landscape-layout:not(.view-studio) .controller-center .crossfade-col{display:grid;grid-template-rows:minmax(0,1.1fr) auto minmax(0,1fr) auto;min-width:0;min-height:0;gap:14px;padding:0 12px}.meter-bridge{display:grid;grid-template-columns:auto 16px 16px auto;justify-content:center;align-items:stretch;gap:9px;min-height:0;padding:2px 0}.meter-scale{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;padding:1px 0;color:var(--sx-text-4);font-weight:600;font-size:var(--sx-fs-2xs);line-height:1;font-variant-numeric:tabular-nums}.meter-scale.r{align-items:flex-start}.controller-center .transport-center{display:flex;min-height:34px;align-items:center;justify-content:center}.controller-center .both-btn{min-width:96px;min-height:36px;border:1px solid var(--sx-line);border-radius:var(--sx-radius-md);background-color:var(--sx-btn-lo);color:var(--sx-text-2);font-weight:700;font-size:var(--sx-fs-md);line-height:1;letter-spacing:.1em}.center-faders{display:grid;grid-template-columns:1fr 1fr;min-height:0;gap:22px;align-items:stretch;justify-items:center}.controller-center .vfader,body.use-landscape-layout:not(.view-studio) .controller-center .vfader{display:grid;grid-template-rows:auto 1fr;min-height:0;align-items:stretch;justify-items:center;gap:6px}.pfl-btn{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;font-size:var(--sx-fs-2xs, 10px);font-weight:700;letter-spacing:.05em;border-radius:var(--sx-radius-sm, 4px);border:1px solid var(--sx-border-medium, rgba(255,255,255,.15));background:var(--sx-surface-2, #182030);color:var(--sx-text-muted, #94a3b8);cursor:pointer;transition:all .15s ease;user-select:none}.pfl-btn:hover{color:var(--sx-text-bright, #fff);border-color:var(--sx-border-strong, rgba(255,255,255,.3))}.pfl-btn.active[data-deck=A],.pfl-btn.active{background:color-mix(in srgb,var(--sx-deck-a, #ff7a00) 25%,var(--sx-surface-2, #182030));color:var(--sx-deck-a-ink, #ff9e40);border-color:var(--sx-deck-a, #ff7a00);box-shadow:0 0 10px color-mix(in srgb,var(--sx-deck-a, #ff7a00) 40%,transparent)}.pfl-btn.active[data-deck=B]{background:color-mix(in srgb,var(--sx-deck-b, #00d2ff) 25%,var(--sx-surface-2, #182030));color:var(--sx-deck-b-ink, #38bdf8);border-color:var(--sx-deck-b, #00d2ff);box-shadow:0 0 10px color-mix(in srgb,var(--sx-deck-b, #00d2ff) 40%,transparent)}.cue-vol-wrap{display:inline-flex;align-items:center;gap:5px;margin-left:10px;font-size:var(--sx-fs-2xs, 10px);color:var(--sx-text-muted, #94a3b8)}.cue-vol-wrap input[type=range]{width:50px;height:14px;cursor:pointer}.jog-pad.nudging .platter-disc{box-shadow:inset 0 2px 8px var(--sx-hilite),0 0 16px color-mix(in srgb,var(--sx-accent, #ff7a00) 45%,transparent)!important}.controller-center .vfader .vol-row,body.use-landscape-layout:not(.view-studio) .controller-center .vfader .vol-row{display:grid;grid-template-columns:56px;min-height:0;gap:0;align-items:stretch}.controller-center .vfader label{display:none}.controller-center .vu,.meter-bridge .vu{width:16px;border:0;border-radius:var(--sx-radius-2xs);background:repeating-linear-gradient(0deg,var(--sx-wash-1) 0 5px,transparent 5px 8px),var(--sx-well);box-shadow:none}.controller-center .vu:after,.meter-bridge .vu:after{background:repeating-linear-gradient(0deg,transparent 0 5px,var(--sx-well) 5px 8px),linear-gradient(0deg,var(--sx-meter-low) 0 58%,var(--sx-meter-mid) 58% 80%,var(--sx-meter-high) 80% 100%);transition:height .06s linear}.controller-center .vfader .fader.v{width:56px;min-height:0}.center-faders .vfader:first-child .fader-handle:after{background-color:var(--sx-deck-a-ink)}.center-faders .vfader:last-child .fader-handle:after{background-color:var(--sx-deck-b-ink)}.controller-center .crossfader-wrap{width:100%;margin:0;padding:0 4px 2px}.controller-center .xf-end{color:var(--sx-text-3);font-weight:800;font-size:var(--sx-fs-base);line-height:1}.fader-track{background:linear-gradient(90deg,var(--sx-well),var(--sx-surface-1));border:1px solid var(--sx-rim);border-radius:var(--sx-radius-2xs);box-shadow:inset 0 1px 6px var(--sx-shade)}.fader.v .fader-track{left:50%;top:0;bottom:0;width:8px;transform:translate(-50%)}.fader.h .fader-track{left:10px;right:10px;height:8px}.fader-fill{opacity:0}.fader.v .tick{left:50%;width:30px;height:1px;background:color-mix(in srgb,var(--sx-chrome) 33%,transparent)}.fader.v .tick.major{width:42px;height:2px;background:color-mix(in srgb,var(--sx-chrome) 55%,transparent)}.fader.h .tick{height:24px;background:color-mix(in srgb,var(--sx-chrome) 32%,transparent)}.fader.h .tick.major{height:34px;background:color-mix(in srgb,var(--sx-chrome) 55%,transparent)}.fader-handle{border:1px solid color-mix(in srgb,var(--sx-darken) 58%,transparent);border-radius:var(--sx-radius-2xs);background:linear-gradient(180deg,var(--sx-metal-hi) 0%,var(--sx-metal-mid) 48%,var(--sx-metal-lo) 52%,color-mix(in srgb,var(--sx-metal-hi) 70%,var(--sx-metal-mid)) 100%);box-shadow:var(--sx-shadow-1),inset 0 1px 0 var(--sx-metal-hi)}.fader.v .fader-handle{width:44px;height:20px}.fader.h .fader-handle{width:24px;height:38px}.controller-shell button:focus-visible,.controller-shell select:focus-visible,body:not(.view-studio) #topbar button:focus-visible,body:not(.view-studio) #topbar input:focus-visible{outline:2px solid var(--sx-focus);outline-offset:2px}.controller-center .sampler-inline,.controller-center .deck-fx-panel,body.use-landscape-layout:not(.view-studio) .controller-center .sampler-inline,body.use-landscape-layout:not(.view-studio) .controller-center .deck-fx-panel{display:none}body.drawer-open:not(.view-studio) .controller-center{grid-template-rows:minmax(150px,.34fr) minmax(0,.66fr)}body.drawer-open:not(.view-studio) .controller-center .mixer{padding:10px 12px;gap:4px 0}body.drawer-open:not(.view-studio) .controller-center .meter-bridge{grid-area:met;max-height:96px}body.drawer-open:not(.view-studio) .controller-center .channel,body.drawer-open:not(.view-studio) .controller-center .crossfade-col{display:contents}body.drawer-open:not(.view-studio) .controller-center .channel[data-deck=A]>.eq{grid-area:eqa;padding-right:12px}body.drawer-open:not(.view-studio) .controller-center .channel[data-deck=B]>.eq{grid-area:eqb;padding-left:12px}body.drawer-open:not(.view-studio) .controller-center .transport-center{grid-area:both}body.drawer-open:not(.view-studio) .controller-center .center-faders{grid-area:fad;min-height:0}body.drawer-open:not(.view-studio) .controller-center .crossfader-wrap{grid-area:xf;align-self:center}body.drawer-open:not(.view-studio) .controller-center .channel[data-deck=A]>.deck-fx-panel{grid-area:fxa}body.drawer-open:not(.view-studio) .controller-center .channel[data-deck=B]>.deck-fx-panel{grid-area:fxb}body.drawer-open:not(.view-studio) .controller-center .sampler-inline{grid-area:samp}body.drawer-open:not(.view-studio) .controller-center .deck-fx-panel{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;align-content:center;gap:6px 8px;width:auto;min-width:0;padding:8px 10px;border:0;border-top:1px solid var(--sx-line-soft);background-color:var(--sx-well)}body.drawer-open:not(.view-studio) .deck-fx-panel .fx-panel-row{width:auto;flex:0 0 auto}body.drawer-open:not(.view-studio) .deck-fx-panel .fx-select{width:auto;flex:0 0 auto;grid-template-columns:repeat(4,auto);gap:4px}body.drawer-open:not(.view-studio) .deck-fx-panel .fx-depth{flex:1 1 110px;flex-direction:row;gap:6px;min-width:90px}body.drawer-open:not(.view-studio) .deck-fx-panel .fx-on{width:auto;flex:0 0 auto;padding:.4rem .9rem}body.drawer-open:not(.view-studio) .controller-center .sampler-inline{display:flex;min-width:0;min-height:0;flex-direction:column;gap:5px;padding:8px 10px;border-top:1px solid var(--sx-line-soft);background-color:var(--sx-well)}body.drawer-open:not(.view-studio) .controller-center .sampler-pads{grid-template-columns:repeat(auto-fit,minmax(52px,1fr))}body.drawer-open:not(.view-studio) .sampler-head{flex-wrap:wrap;row-gap:3px}body.drawer-open:not(.view-studio) .sampler-hint{flex:1 1 100%;order:9;min-width:0;white-space:normal;line-height:1.35}body.drawer-open:not(.view-studio) .controller-center .mixer{grid-template-rows:minmax(60px,auto) auto minmax(0,1fr) auto auto auto auto;grid-template-areas:"eqa met  eqb" "eqa both eqb" "eqa fad  eqb" "eqa xf   eqb" "fxa fxa  fxa" "fxb fxb  fxb" "samp samp samp"}body.drawer-open:not(.view-studio) .controller-center .channel[data-deck=A]>.deck-fx-panel{border-left:3px solid var(--sx-deck-a-ink);padding-left:12px}body.drawer-open:not(.view-studio) .controller-center .channel[data-deck=B]>.deck-fx-panel{border-left:3px solid var(--sx-deck-b-ink);padding-left:12px}@media(max-width:1280px){.controller-shell{grid-template-columns:minmax(285px,1fr) minmax(350px,.96fr) minmax(285px,1fr)}.deck-side{padding-inline:14px}.deck-side .hotcues{gap:5px}.controller-center .mixer{padding-inline:12px}.controller-center .eq .knob-dial{width:46px;height:46px}.controller-center .eq .knob{width:34px;height:34px;top:6px;left:6px}}@media(max-height:760px){body:not(.view-studio){--sx-topbar-h: 50px}body:not(.view-studio) #console,body.use-landscape-layout:not(.view-studio) #console{height:calc(100dvh - var(--sx-topbar-h))}.deck-side{grid-template-rows:minmax(112px,.24fr) minmax(0,1fr) minmax(82px,.18fr);gap:8px;padding-block:10px}.track-card{grid-template-columns:52px minmax(0,1fr) 46px;gap:9px}.hotcue-block{gap:5px}.deck-side .hotcue-chip{height:25px;font-size:var(--sx-fs-sm)}.deck-body{gap:8px}.deck-side .transport{gap:7px;grid-template-rows:minmax(31px,.72fr) minmax(42px,1fr)}.controller-center{grid-template-rows:minmax(185px,.44fr) minmax(230px,.56fr)}.wave-console{grid-template-rows:40px minmax(0,1fr) 42px}.wave-toolbar{padding-top:6px;grid-template-columns:66px 78px 50px minmax(100px,1fr) 100px}.deck-switch,.wave-toolbar .btn,.wave-toolbar button,.preset-wrap{height:31px}.controller-center .mixer{padding-block:11px}}@media(max-height:560px){body:not(.view-studio){--sx-topbar-h: 42px}body:not(.view-studio) #topbar{padding-left:56px}body:not(.view-studio) #topbar:before{left:18px;width:21px;height:14px}body:not(.view-studio) #topbar .master{display:none}body:not(.view-studio) #topbar>.deck-only{min-width:44px;padding-inline:10px;font-size:var(--sx-fs-2xs)}body:not(.view-studio) #console,body.use-landscape-layout:not(.view-studio) #console{height:calc(100dvh - var(--sx-topbar-h));padding:3px}.controller-shell{grid-template-columns:minmax(230px,1fr) minmax(300px,1fr) minmax(230px,1fr)}.deck-side{grid-template-rows:minmax(84px,.22fr) minmax(0,1fr) minmax(45px,.15fr);gap:5px;padding:7px}.deck-side .deck-meta{grid-template-rows:22px minmax(42px,1fr);gap:5px}.hotcue-block,.section-label,.deck-side .hotcues{display:none}.deck-heading{font-size:var(--sx-fs-xs)}.track-card{grid-template-columns:38px minmax(0,1fr) 38px;gap:6px}.track-info .title{font-size:var(--sx-fs-xs)}.track-stats{gap:7px;font-size:var(--sx-fs-2xs)}.deck-side .load-tile{min-height:38px;font-size:var(--sx-fs-2xs)}.deck-body{grid-template-columns:37px minmax(0,1fr);gap:4px}.deck-b .deck-body{grid-template-columns:minmax(0,1fr) 37px}.deck-side .deck-rail{width:37px;height:96%}.deck-side .deck-rail .rail-label{display:none}.rail-read{font-size:var(--sx-fs-2xs)}.deck-side .deck-rail .fader.v{width:37px;min-height:80px}.deck-side .transport{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:100%;gap:5px}.deck-side .transport .tp-start,.deck-side .transport .tp-rew,.deck-side .transport .tp-ff,.deck-side .transport .set-btn{display:none}.deck-side .transport[data-deck=A] .play-btn,.deck-side .transport[data-deck=B] .play-btn{grid-column:1 / span 2;grid-row:1}.deck-side .transport[data-deck=A] .cue-btn,.deck-side .transport[data-deck=B] .cue-btn{grid-column:3;grid-row:1}.deck-side .transport[data-deck=A] .sync-btn,.deck-side .transport[data-deck=B] .sync-btn{grid-column:4;grid-row:1}.controller-center{grid-template-rows:minmax(112px,.48fr) minmax(135px,.52fr)}.wave-console{grid-template-rows:30px minmax(0,1fr) 32px}.wave-toolbar{grid-template-columns:50px 56px 42px minmax(70px,1fr) 74px;gap:4px;padding:4px 5px 2px}.wave-toolbar .btn,.wave-toolbar button,.preset-wrap{height:24px;font-size:var(--sx-fs-2xs)}.deck-switch{height:24px;gap:3px}.deck-pick{font-size:var(--sx-fs-sm)}.preset-wrap{gap:6px;padding-left:7px}.center-loop-strip{padding:4px 5px}.center-loop-strip .loop-row{grid-template-columns:44px repeat(7,minmax(0,1fr));gap:4px}.center-loop-strip .loop-btn{font-size:var(--sx-fs-2xs)}.controller-center .mixer{padding:5px 4px;grid-template-columns:minmax(60px,.76fr) minmax(88px,1fr) minmax(60px,.76fr)}.controller-center .channel{padding-inline:3px}.controller-center .eq .knob-group{grid-template-columns:30px 1fr;gap:3px}.controller-center .channel[data-deck=B] .knob-group{grid-template-columns:1fr 30px}.controller-center .eq .knob-group:first-child{display:none}.controller-center .eq .knob-dial{width:30px;height:30px}.controller-center .eq .knob{width:24px;height:24px;top:3px;left:3px}.controller-center .eq .knob-group label{font-size:var(--sx-fs-2xs)}.controller-center .crossfade-col{gap:4px;padding-inline:4px;grid-template-rows:minmax(40px,auto) minmax(0,1fr) auto}.controller-center .both-btn,.controller-center .transport-center{display:none}.center-faders{gap:4px}.controller-center .vfader .vol-row{grid-template-columns:34px;gap:0}.meter-bridge{gap:4px;grid-template-columns:auto 10px 10px auto}.meter-scale{font-size:var(--sx-fs-3xs)}.controller-center .vu,.meter-bridge .vu{width:10px}.controller-center .crossfader-wrap{gap:3px}body.drawer-open:not(.view-studio) .controller-center{grid-template-rows:minmax(70px,.32fr) minmax(0,.68fr)}body.drawer-open:not(.view-studio) .controller-center .mixer{grid-template-rows:auto minmax(0,1fr) auto minmax(64px,auto);padding:4px 5px}body.drawer-open:not(.view-studio) .controller-center .deck-fx-panel,body.drawer-open:not(.view-studio) .controller-center .sampler-inline{padding:4px 5px}body.drawer-open:not(.view-studio) .controller-center .sampler-pads{grid-template-columns:repeat(auto-fit,minmax(40px,1fr))}body.drawer-open:not(.view-studio) .controller-center .samp-pad{min-height:34px}}@media(max-width:900px)and (orientation:landscape),(max-height:560px)and (min-width:650px){.controller-shell{grid-template-columns:minmax(220px,1fr) minmax(270px,.98fr) minmax(220px,1fr)}}body.portrait-mode:not(.view-studio) .controller-shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"wave wave" "da   db" "mix  mix"}body.portrait-mode:not(.view-studio) .controller-center{display:contents}body.portrait-mode:not(.view-studio) .wave-console{grid-area:wave;border-bottom:1px solid var(--sx-line);grid-template-rows:34px minmax(78px,15vh) 34px}body.portrait-mode:not(.view-studio) .deck-a{grid-area:da}body.portrait-mode:not(.view-studio) .deck-b{grid-area:db}body.portrait-mode:not(.view-studio) .deck-side{grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:8px 8px 10px}body.portrait-mode:not(.view-studio) .deck-side .deck-meta{grid-template-rows:18px auto auto;gap:5px}body.portrait-mode:not(.view-studio) .deck-heading{font-size:var(--sx-fs-2xs)}body.portrait-mode:not(.view-studio) .track-card{grid-template-columns:34px minmax(0,1fr) 40px;gap:6px}body.portrait-mode:not(.view-studio) .track-info{gap:3px}body.portrait-mode:not(.view-studio) .track-info .title{font-size:var(--sx-fs-xs)}body.portrait-mode:not(.view-studio) .track-stats{gap:8px;font-size:var(--sx-fs-2xs)}body.portrait-mode:not(.view-studio) .deck-side .load-tile{min-height:32px;font-size:var(--sx-fs-3xs)}body.portrait-mode:not(.view-studio) .deck-side .hotcues{gap:4px}body.portrait-mode:not(.view-studio) .deck-side .hotcue-chip{height:24px;font-size:var(--sx-fs-xs)}body.portrait-mode:not(.view-studio) .deck-body{grid-template-columns:30px minmax(0,1fr);gap:6px}body.portrait-mode:not(.view-studio) .deck-b .deck-body{grid-template-columns:minmax(0,1fr) 30px}body.portrait-mode:not(.view-studio) .deck-side .deck-rail{width:30px}body.portrait-mode:not(.view-studio) .deck-side .deck-rail .fader.v{width:30px;min-height:84px}body.portrait-mode:not(.view-studio) .deck-side .deck-rail .rail-label{display:none}body.portrait-mode:not(.view-studio) .rail-read{font-size:var(--sx-fs-2xs)}body.portrait-mode:not(.view-studio) .deck-side .transport{grid-template-rows:minmax(28px,auto) minmax(36px,auto);gap:5px 4px}body.portrait-mode:not(.view-studio) .deck-side .transport .btn{font-size:var(--sx-fs-2xs);padding:0 3px}body.portrait-mode:not(.view-studio) .wave-toolbar{grid-template-columns:48px 54px 40px minmax(56px,1fr) 70px;gap:4px;padding:3px 5px 2px}body.portrait-mode:not(.view-studio) .wave-toolbar .btn,body.portrait-mode:not(.view-studio) .wave-toolbar button,body.portrait-mode:not(.view-studio) .preset-wrap{height:28px;font-size:var(--sx-fs-2xs)}body.portrait-mode:not(.view-studio) .preset-wrap{gap:6px;padding-left:7px}body.portrait-mode:not(.view-studio) .deck-switch{height:28px;gap:3px}body.portrait-mode:not(.view-studio) .center-loop-strip{padding:3px 5px 4px}body.portrait-mode:not(.view-studio) .center-loop-strip .loop-row{grid-template-columns:40px repeat(7,minmax(0,1fr));gap:4px}body.portrait-mode:not(.view-studio) .center-loop-strip .loop-btn{font-size:var(--sx-fs-2xs);padding:0 2px}body.portrait-mode:not(.view-studio) .controller-center .mixer{grid-area:mix;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;grid-template-areas:"eqa" "ctr" "eqb";gap:6px;padding:8px 10px 10px;max-height:42vh;overflow-y:auto;border-top:1px solid var(--sx-line)}body.portrait-mode:not(.view-studio) .controller-center .channel{display:contents}body.portrait-mode:not(.view-studio) .controller-center .channel>.eq{display:flex;flex-direction:row;justify-content:space-between;gap:4px;padding:0}body.portrait-mode:not(.view-studio) .controller-center .channel[data-deck=A]>.eq{grid-area:eqa}body.portrait-mode:not(.view-studio) .controller-center .channel[data-deck=B]>.eq{grid-area:eqb}body.portrait-mode:not(.view-studio) .controller-center .eq .knob-group{display:grid;grid-template-columns:none;grid-template-rows:auto auto;justify-items:center;gap:2px}body.portrait-mode:not(.view-studio) .controller-center .channel[data-deck=B] .knob-group{grid-template-columns:none}body.portrait-mode:not(.view-studio) .controller-center .channel[data-deck=B] .knob-dial{grid-column:auto}body.portrait-mode:not(.view-studio) .controller-center .channel[data-deck=B] label{grid-column:auto;grid-row:auto;text-align:center}body.portrait-mode:not(.view-studio) .controller-center .eq .knob-dial{width:40px;height:40px}body.portrait-mode:not(.view-studio) .controller-center .eq .knob{width:30px;height:30px;top:5px;left:5px}body.portrait-mode:not(.view-studio) .controller-center .eq .knob-group label{font-size:var(--sx-fs-3xs)}body.portrait-mode:not(.view-studio) .controller-center .crossfade-col{grid-area:ctr;display:grid;grid-template-rows:auto auto auto;gap:6px;padding:0}body.portrait-mode:not(.view-studio) .controller-center .transport-center{min-height:30px}body.portrait-mode:not(.view-studio) .controller-center .vfader .vol-row{min-height:84px}body.portrait-mode.drawer-open:not(.view-studio) .controller-center .mixer{grid-template-rows:repeat(6,auto);grid-template-areas:"eqa" "ctr" "eqb" "fxa" "samp" "fxb"}body.portrait-mode.drawer-open:not(.view-studio) .controller-center .meter-bridge{grid-area:auto}body.portrait-mode:not(.view-studio) .controller-center .crossfade-col{grid-template-rows:minmax(70px,auto) auto auto auto}body.portrait-mode:not(.view-studio) .meter-bridge{max-height:92px}