/* The booth is the page; secondary work opens above it without moving the stage. */
html:has(.remix-page) { height:100%; }
body.remix-page { height:100dvh;overflow:hidden;display:flex;flex-direction:column; }
.remix-page .site-header { width:auto;max-width:none;margin:0 28px;padding:12px 0;min-height:48px;box-sizing:border-box;flex-shrink:0; }
.remix-page .site-header .wordmark { font-size:17px; }
.remix-page .site-header nav { gap:22px;font-size:11px; }
.remix-page main { width:100%;max-width:none;margin:0;padding:0 28px 8px;box-sizing:border-box;flex:1;min-height:0;display:flex;flex-direction:column; }
.remix-page .drawing-controls { flex-shrink:0;margin:0;min-height:48px;padding:5px 0;border-top:0;gap:12px; }
.drawing-controls h1 { margin:0 18px 0 0;font:400 34px/1 Georgia,serif;letter-spacing:-.05em; }
.drawing-controls #drawing-view { font-size:8px; }
#settings-open,#tracks-open,#resume-auto,.console-playbar button { min-height:32px;background:none;border:1px solid var(--line);color:var(--accent);border-radius:2px;padding:5px 12px;font-size:11px;white-space:nowrap; }
#tracks-open { color:var(--paper);background:var(--accent);border-color:var(--accent); }
#resume-auto { border-color:#81956f; }
.console-playbar { min-height:38px;flex-shrink:0;justify-content:flex-start;padding:8px 0;border-top:0;gap:16px; }
.console-playbar .auto-buttons { gap:6px; }
.console-playbar #auto-now { margin-left:auto;max-width:40%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:10px; }
.console-manual-actions { display:none;gap:6px; }
.is-manual .console-manual-actions { display:flex; }
.is-manual .console-playbar :is(.auto-buttons,#auto-now) { display:none; }
.remix-page .mix-workspace { flex:1;min-height:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center; }
.remix-page .turntables { flex-shrink:0;max-width:100%;margin:auto;row-gap:0; }
.remix-page .deck-heading { font-size:9px;padding:0 5px; }
.remix-page .deck-track { margin:6px 0 9px;min-height:0; }
.remix-page .deck-title { font-size:clamp(18px,2vw,29px);line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.remix-page .deck-subtitle { font-size:10px;line-height:1.3;margin:5px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.remix-page .waveform-wrap { height:26px;min-height:26px;margin-top:5px; }
.remix-page .waveform-wrap canvas { height:26px; }
.remix-page .deck-time { font-size:9px;margin:5px 0 0;padding:0;line-height:14px; }
.remix-page :is(.deck-adjustments,#center-mixer) { display:none!important; }
.remix-page .sound-palette { flex-shrink:0;gap:10px 18px;padding:9px 0;margin:0;border-bottom:0;font-size:10px; }
.sound-palette .sound-themes { gap:4px; }
.sound-palette .small-label { font-size:8px; }
.sound-palette button { min-height:30px;padding:4px 8px;font-size:10px; }
.sound-palette .master-control { width:150px;margin-left:auto;flex-shrink:0;font-size:9px; }
.sound-palette .master-control > span { display:flex;justify-content:space-between; }
.sound-palette .master-control input { height:20px;min-height:20px; }
.console-status { min-height:21px;flex-shrink:0;font-size:9px;color:var(--muted); }
.console-status :is(.auto-status,.mix-status) { font-size:10px;line-height:15px;margin:0;min-height:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.is-manual .console-status .auto-status { display:none; }
.console-mobile-fader { display:none; }
.console-dialog { width:min(760px,calc(100vw - 40px));max-height:calc(100dvh - 64px);box-sizing:border-box;overflow:auto;background:var(--paper,#f7f6f0);color:var(--ink);border:1px solid #bfc4b4;border-radius:5px;padding:24px;box-shadow:0 24px 100px #202a2530; }
.console-dialog::backdrop { background:#29342b55;backdrop-filter:blur(4px); }
.console-dialog > header { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px; }
.console-dialog > header h2 { font:400 28px Georgia,serif;margin:0; }
.console-dialog > header button { background:none;border:1px solid var(--line);padding:7px 12px;color:var(--ink);font-size:12px; }
.console-dialog .auto-set-panel { padding-top:0;border:0;margin-bottom:12px; }
.console-dialog .set-drop { padding:18px;gap:16px; }
.console-dialog .set-drop h2 { font-size:24px; }
.console-dialog .set-drop p { font-size:12px; }
.console-dialog .set-queue-section,.console-dialog .track-library { margin:0;padding:18px 0;border-top:1px solid var(--line); }
.console-dialog .set-track { padding:10px 0; }
.console-dialog .track-row { padding:10px 0; }
.is-manual #tracks-dialog :is(.auto-set-panel,.set-queue-section) { display:none; }
#settings-dialog { width:min(600px,calc(100vw - 32px)); }
#settings-dialog .label-choices { margin:0 0 24px; }
#settings-dialog .label-choices select { padding:8px;border:1px solid var(--line);background:none;color:var(--ink); }
#settings-dialog :is(.mix-toolbar,.curve-options,.cut-in-control,.cut-pads,.remix-notes,#performance-help) { margin:14px 0; }
#settings-dialog .mix-toolbar { display:block; }
#settings-dialog .cut-pads { max-width:250px; }
#settings-dialog .remix-notes { display:block; }
.booth-controls .booth-control { min-height:22px;min-width:22px; }
@media(max-width:700px), (max-width:1100px) and (max-height:520px) {
 .remix-page .site-header { margin:0 14px;min-height:42px;padding:8px 0; }.remix-page .site-header nav{gap:12px;font-size:10px;}
 .remix-page main { padding:0 14px 6px; }
 .remix-page .drawing-controls { flex-wrap:nowrap;gap:7px;min-height:42px; }.drawing-controls h1{font-size:27px;margin-right:auto;}
 .drawing-controls #drawing-view { display:none; }.drawing-controls #assembly-toggle{font-size:0;padding:6px;}.drawing-controls #assembly-toggle::after{content:'↺';font-size:17px;}
 #settings-open,.drawing-controls .manual-toggle{font-size:10px;padding:4px 7px;}
 .console-playbar{flex-wrap:wrap;gap:6px;padding:7px 0;}.console-playbar button{padding:4px 8px;font-size:10px;}.console-playbar #auto-now{display:none;}
 .remix-page .mobile-deck-switch{display:flex;width:100%;margin:2px 0 6px;gap:6px;}.mobile-deck-switch button{min-height:30px;padding:4px;}
 .remix-page .turntables{grid-template-columns:minmax(0,1fr);column-gap:0;}
 .remix-page .turntables[data-focus='A'] #deck-B,.remix-page .turntables[data-focus='B'] #deck-A{display:none;}
 .remix-page .deck > *,.remix-page #deck-B > *{grid-column:1;}
 .remix-page .booth-drawing{overflow:hidden;}.remix-page .deck-heading{font-size:8px;}.remix-page .deck-title{font-size:20px;}.remix-page .deck-subtitle{font-size:9px;}
 .remix-page .sound-palette{gap:5px 12px;padding:6px 0;}.sound-themes{width:100%;justify-content:space-between;}.sound-themes .small-label{display:none;}.sound-palette button{font-size:10px;padding:3px 9px;}
 .sound-palette .master-control{width:110px;}.console-mobile-fader{display:block;width:100%;}.console-mobile-fader .fader-labels{font-size:8px;}.console-mobile-fader .fader-slot{height:28px;}.console-mobile-fader input{height:28px;min-height:28px;}
 .console-status{min-height:18px;}.console-status p{font-size:9px!important;}
 .console-dialog{padding:18px;max-height:calc(100dvh - 24px);width:calc(100vw - 24px);}
}
@media(max-height:600px) and (min-width:701px){.site-header{min-height:36px!important;padding:6px 0!important;}.drawing-controls{min-height:36px!important;}.console-playbar{padding:4px 0;}.sound-palette{padding:5px 0!important;}.deck-subtitle{display:none;}}
.sound-palette .master-control > span { gap:6px; }
.booth-control.is-rotary .knob-face { position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56.25%;height:64.285%;background:#f8f7f1;border:1px solid #69715f;border-radius:50%;pointer-events:none; }
.knob-face::after { content:'';position:absolute;left:50%;top:8%;width:1px;height:42%;background:#455a3d;transform:rotate(var(--knob-angle,0deg));transform-origin:center bottom; }
.booth-control.is-rotary input[type=range] { position:absolute;inset:0;opacity:0;cursor:ew-resize; }
.booth-control.is-vertical { background:#f8f7f1; }
.booth-control.is-vertical input[type=range] { appearance:none;-webkit-appearance:none;background:none;opacity:1; }
.booth-control.is-vertical input::-webkit-slider-runnable-track { width:2px;background:#b1b8a6; }
.booth-control.is-vertical input::-webkit-slider-thumb { appearance:none;-webkit-appearance:none;width:14px;height:7px;margin-left:-6px;background:#f8f7f1;border:1px solid #69715f;border-radius:1px; }
.booth-control.is-vertical input::-moz-range-track { width:2px;background:#b1b8a6; }
.booth-control.is-vertical input::-moz-range-thumb { width:14px;height:7px;background:#f8f7f1;border:1px solid #69715f;border-radius:1px; }
.dialog-status { font-size:11px;color:var(--muted);margin:-8px 0 16px; }
.is-manual .dialog-status { display:none; }
/* One instrument, two cameras. Playback controls never change with the view. */
.remix-page #tracks-dialog .track-library { display:block; }
.remix-page #settings-dialog #performance-help { display:block; }
#mix-status { display:none; }
.console-playbar { gap:10px;flex-wrap:wrap; }
.console-playbar .master-control { display:flex;flex-direction:column;gap:3px;width:220px;min-width:160px;margin-left:auto;padding:6px 14px;background:#e6e9df;border:1px solid #a6b09a;border-radius:4px;color:#34462b; }
.console-playbar .master-control > span { display:flex;justify-content:space-between;width:100%;font-size:12px;font-weight:600;letter-spacing:.04em; }
.console-playbar .master-control input { width:100%;height:26px;margin:0;accent-color:#405441;cursor:ew-resize; }
.console-playbar #auto-now { display:none; }
.auto-blend-toggle { display:flex;align-items:center;gap:7px;font-size:11px;white-space:nowrap;padding:8px;border:1px solid var(--line);border-radius:3px; }
.auto-blend-toggle input { accent-color:#405441;width:16px;height:16px;margin:0; }
#quick-preset { background:#e6e9df;border-color:#a6b09a; }
#tracks-dialog .track-row { display:flex;justify-content:space-between;gap:16px; }
#tracks-dialog > header { position:sticky;top:-24px;background:var(--paper,#f7f6f0);z-index:2;padding:12px 0; }
#tracks-dialog > header button { background:#405441;color:#faf8ef; }
#tracks-dialog .track-actions button[aria-pressed=true] { background:#405441;color:#faf8ef; }
.remix-page input[type=range] { transition:none!important; }
@media(max-width:700px), (max-width:1100px) and (max-height:520px){
 .console-playbar{gap:6px;}.console-playbar .master-control{width:100%;min-width:0;box-sizing:border-box;flex-direction:row;align-items:center;padding:4px 10px;gap:12px;}
 .console-playbar .master-control > span{width:90px;flex-shrink:0;font-size:11px;}.console-playbar .auto-buttons{flex-wrap:wrap;gap:4px;}.auto-blend-toggle{padding:6px;font-size:10px;}
 #tracks-dialog > header{top:-18px;}
}
.remix-page .turntable-bed .record-stage { pointer-events:auto;touch-action:none;cursor:grab; }
.remix-page .turntable-bed .record-stage.is-touching { cursor:grabbing; }
.remix-page #settings-dialog :is(.mix-toolbar,.cut-pads){display:block;}
.remix-page #settings-dialog .cut-pads{display:flex;gap:12px;}
.remix-page #settings-dialog :is(.curve-options,.cut-in-control){display:flex;gap:8px;}
/* Explicitly replace the old stacked mixer rules at intermediate widths. */
.remix-page .console-playbar { flex-direction:row;align-items:center; }
.remix-page .console-playbar .master-control { width:220px;min-width:160px;max-width:100%;flex-shrink:0; }
.remix-page .console-mobile-fader .crossfader-control { display:block;width:100%; }
.remix-page .console-mobile-fader .fader-slot { width:100%; }
.remix-page .console-mobile-fader input[type=range] { width:100%;height:30px;min-height:30px;box-sizing:border-box; }
.remix-page .console-mobile-fader input::-webkit-slider-thumb { width:16px;height:26px;margin-top:-11px; }
.remix-page .console-mobile-fader input::-moz-range-thumb { width:16px;height:26px; }
.remix-page .mobile-deck-switch button { flex:1;min-width:0;border:1px solid var(--line);border-radius:2px;color:var(--muted);background:none;font-size:11px; }
.remix-page .mobile-deck-switch button[aria-pressed=true] { background:#e3e6da;color:var(--accent);border-color:#869178; }
@media(max-width:700px), (max-width:1100px) and (max-height:520px){
 .remix-page .console-playbar { display:grid;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center; }
 .console-playbar #quick-preset{grid-column:1;grid-row:1;}.console-playbar #tracks-open{grid-column:2;grid-row:1;justify-self:start;}
 .console-playbar .auto-buttons{grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:nowrap;gap:5px;}
 .remix-page .console-playbar .master-control{grid-column:1 / -1;grid-row:3;width:100%;min-width:0;display:flex;flex-direction:row;align-items:center;gap:12px;margin:0;box-sizing:border-box;}
 .remix-page .console-playbar .master-control > span{width:86px;flex:0 0 86px;}
 .remix-page .console-playbar .master-control input{width:auto;min-width:0;flex:1;height:26px;}
 .remix-page .sound-palette{gap:5px 10px;}
 .remix-page .console-mobile-fader .fader-labels{width:100%;}
 .remix-page .console-mobile-fader .fader-slot{height:30px;background-position-y:26px;margin-top:0;}
}
body.remix-page { padding:0;max-width:none; }
.remix-page .site-header nav a { min-height:26px; }
@media(min-width:580px) and (max-width:700px){
 .remix-page .console-playbar{grid-template-columns:auto auto 1fr;}
 .console-playbar .auto-buttons{grid-column:3;grid-row:1;justify-content:flex-end;}
 .remix-page .console-playbar .master-control{grid-row:2;}
 .remix-page .sound-palette .sound-themes{width:auto;flex:1;min-width:300px;justify-content:flex-start;}
 .remix-page .sound-palette .sound-themes button{padding-inline:6px;}
}
.booth-control::after { display:none; }
.booth-control:hover::after,.booth-control:focus-within::after { display:block; }
.booth-control:has([data-deck='A'])::after { left:0;transform:none; }
.booth-control:has([data-deck='B'])::after { left:auto;right:0;transform:none; }

/* Ink belongs to the same projected geometry throughout the introduction.
   Native sliders supply only hit areas and keyboard interaction. */
.booth-control.is-rotary .knob-face { display:none; }
.booth-control.is-vertical { background:transparent; }
.booth-controls .booth-control input[type=range] { opacity:0!important; }
.wire-drawing [data-control-marks] path { fill:none;stroke:#50564b;stroke-width:.8; }
.wire-drawing [data-control-marks] .control-cap { fill:#f4f3ed; }

.remix-page .transport { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:6px 0 0; }
.remix-page .transport button { grid-column:auto;min-height:30px;padding:4px;font-size:10px;background:none;box-shadow:none; }
.remix-page .transport button[aria-pressed=true] { background:#e3e6da;border-color:#869178; }
@media(max-width:700px), (max-width:1100px) and (max-height:520px){
 .remix-page .console-playbar .master-control > span { width:144px;flex:0 0 144px;white-space:nowrap;letter-spacing:0; }
}
/* The record box opens directly onto sleeves and deck assignments. */
#tracks-dialog { width:min(920px,calc(100vw - 40px));padding:20px 24px; }
#tracks-dialog > header { top:-20px;gap:10px;margin:0 0 14px;padding:4px 0 14px;border-bottom:1px solid var(--line); }
#tracks-dialog > header h2 { margin-right:auto;font-size:27px; }
#tracks-dialog > header #import-button { background:none;color:var(--accent);font-size:12px;white-space:nowrap; }
#tracks-dialog .dialog-status { margin:0 0 12px;line-height:1.4; }
#tracks-dialog .dialog-status:empty,#tracks-dialog #import-errors:empty { display:none; }
#tracks-dialog .track-privacy { margin:0 0 14px;font-size:11px;line-height:1.5;color:var(--muted); }
#tracks-dialog #set-drop { display:block;border:0;background:none;padding:0;margin:0; }
#tracks-dialog #set-drop.is-over { outline:2px solid var(--accent);outline-offset:6px; }
#tracks-dialog .track-library { padding:0;border:0; }
#tracks-dialog .track-list { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px; }
#tracks-dialog .track-row { display:flex;flex-direction:column;align-items:stretch;gap:9px;min-width:0;padding:0;border:0; }
#tracks-dialog .track-sleeve { display:block;width:100%;height:auto;aspect-ratio:1;box-shadow:0 2px 5px #202a2514; }
#tracks-dialog .track-name { font-size:12px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
#tracks-dialog .track-actions { display:grid;grid-template-columns:1fr 1fr;gap:6px; }
#tracks-dialog .track-actions button { width:auto;min-height:32px;padding:5px 4px;font-size:11px;letter-spacing:.02em; }
#tracks-dialog .library-note { font-size:10px;margin:20px 0 16px;line-height:1.5; }
#tracks-dialog .library-options { border-top:1px solid var(--line);padding:12px 0 0; }
#tracks-dialog .library-options > summary { cursor:pointer;color:var(--accent);font-size:12px; }
#tracks-dialog .library-options[open] > summary { margin-bottom:16px; }
#tracks-dialog .library-options #demo-set { padding:7px 12px;background:none;color:var(--accent);border:1px solid var(--line); }
#tracks-dialog .library-options .set-options { margin-top:0; }
@media(max-width:700px), (max-width:1100px) and (max-height:520px){
 #tracks-dialog { padding:16px;width:calc(100vw - 24px); }
 #tracks-dialog > header { top:-16px;gap:6px; }
 #tracks-dialog > header h2 { font-size:23px; }
 #tracks-dialog > header button { padding:7px 9px;font-size:11px; }
 #tracks-dialog > header #import-button { font-size:11px; }
 #tracks-dialog .track-list { grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px; }
}
@media(max-width:480px){
 #tracks-dialog .track-list { grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 14px; }
 #tracks-dialog .track-actions button { min-height:36px; }
}
.wire-drawing [data-control-art$="-mute"] { stroke:#976848;stroke-width:1.1; }
#settings-dialog .set-options { display:flex;flex-wrap:wrap;gap:16px;margin:0 0 12px; }
#settings-dialog .set-options label { display:flex;align-items:center;gap:10px;font-size:13px; }
#settings-dialog .set-options select { padding:8px 10px;background:transparent;border:1px solid var(--line);color:var(--ink);font:inherit; }
#settings-dialog .set-duration-note { margin:0 0 22px;font-size:11px;line-height:1.6; }
#tracks-dialog .track-cover-choice { width:100%;min-width:0;box-sizing:border-box;padding:6px 7px;min-height:30px;border:1px solid var(--line);border-radius:2px;background:transparent;color:var(--muted);font:inherit;font-size:10px; }
.remix-page .transport button { white-space:nowrap; }
.remix-page .mobile-deck-switch { flex-shrink:0; }
@media(max-width:700px), (max-width:1100px) and (max-height:520px){
 .remix-page .turntables { width:100%; }
 .remix-page .booth-drawing,.remix-page #deck-A > .turntable-bed,.remix-page #deck-B > .turntable-bed { width:var(--scene-width,100%);justify-self:center; }
 .remix-page .deck-title { font-size:20px; }
 .remix-page .transport .play-button { grid-column:auto; }
 .remix-page .transport { margin-bottom:2px; }
}
#tracks-dialog .track-actions button[data-pending="true"] { background:#405441;color:#faf8ef;border-color:#405441;opacity:1;cursor:progress; }
.sound-palette .vinyl-options { display:contents; }
#settings-dialog .vinyl-options { display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);font-size:12px; }
#settings-dialog .vinyl-options label { display:flex;align-items:center;gap:8px; }
#settings-dialog .vinyl-options input[type=range] { width:100px; }
#settings-dialog .vinyl-options .sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
@media(max-width:700px), (max-width:1100px) and (max-height:520px){
 .remix-page .console-playbar { padding:5px 0;row-gap:4px; }
 .remix-page .console-playbar button { min-height:28px;padding-block:3px; }
 .remix-page .auto-blend-toggle { padding:4px 6px; }
 .remix-page .mobile-deck-switch { margin:2px 0 4px; }
 .remix-page .mobile-deck-switch button { min-height:28px; }
 .remix-page .deck-track { margin:4px 0 6px; }
 .remix-page .deck-subtitle { margin-top:3px;line-height:1.2; }
 .remix-page .waveform-wrap,.remix-page .waveform-wrap canvas { height:18px;min-height:18px; }
 .remix-page .deck-time { margin-top:3px; }
 .remix-page .transport { margin-top:4px; }
 .remix-page .transport button { min-height:28px; }
}
#settings-dialog .performance-options { border-top:1px solid var(--line);padding-top:14px;font-size:12px; }
#settings-dialog .performance-options > summary { cursor:pointer;color:var(--accent); }
@media(max-width:700px), (max-width:1100px) and (max-height:520px){
 #tracks-dialog .track-cover-choice,#settings-dialog .set-options select { font-size:16px; }
}
/* A focused record uses the existing platter, gesture surface and audio bus. */
#scratch-zoom { display:none;min-height:32px;padding:5px 9px;border:1px solid var(--line);border-radius:2px;background:none;color:var(--accent);font-size:10px;white-space:nowrap; }
.scratch-caption,.mobile-performance-controls,.landscape-controls { display:none; }
@media(max-width:700px), (max-width:1100px) and (max-height:520px){
 #scratch-zoom { display:block; }
 .is-scratch-zoom .site-header,.is-scratch-zoom #manual-toggle,.is-scratch-zoom #drawing-view,.is-scratch-zoom #assembly-toggle,.is-scratch-zoom #settings-open { display:none!important; }
 .is-scratch-zoom .drawing-controls h1 { display:none; }
 .is-scratch-zoom .scratch-caption { display:block;flex:1;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 19px/1.3 Georgia,serif; }
 .remix-page.is-scratch-zoom .console-playbar { display:block;padding:4px 0;min-height:0; }
 .is-scratch-zoom .console-playbar > :not(.master-control) { display:none!important; }
 .remix-page.is-scratch-zoom .console-playbar .master-control { width:100%; }
 .is-scratch-zoom :is(.deck-heading,.deck-track,.waveform-wrap,.sound-themes,.console-status) { display:none!important; }
 .is-scratch-zoom :is(.arm-canvas,.arm-handle,.booth-controls,.booth-fader) { display:none!important; }
 .is-scratch-zoom .turntable-bed { overflow:hidden; }
 .remix-page.is-scratch-zoom .mobile-performance-controls { display:flex;align-items:stretch;gap:12px;width:100%; }
 .remix-page.is-scratch-zoom .mobile-performance-controls .curve-options { display:flex;gap:4px;align-items:stretch;margin:0; }
 .remix-page.is-scratch-zoom .mobile-performance-controls .cut-pads { display:flex;flex:1;gap:8px;margin:0; }
 .is-scratch-zoom .mobile-performance-controls .cut-pads button { flex:1; }
 .is-scratch-zoom .mobile-performance-controls button { min-height:44px;min-width:40px;font-size:11px; }
 .is-scratch-zoom .mobile-performance-controls kbd { display:none; }
 .is-scratch-zoom .console-mobile-fader .fader-slot,.is-scratch-zoom .console-mobile-fader input[type=range] { height:44px;min-height:44px; }
 .remix-page.is-scratch-zoom .console-mobile-fader input::-webkit-slider-thumb { width:28px;height:40px;margin-top:-18px; }
 .remix-page.is-scratch-zoom .console-mobile-fader input::-moz-range-thumb { width:28px;height:40px; }
 .is-scratch-zoom .console-mobile-fader .fader-slot { background-position-y:38px; }
 .is-scratch-zoom .sound-palette { padding:6px 0; }
}
/* Short phone windows have one deck and a separate, scrollable control column. */
@media(max-width:1100px) and (max-height:520px){
 .remix-page .site-header { display:none; }
 .remix-page main { display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:38px minmax(0,1fr) 18px;column-gap:18px;padding:0 14px 6px; }
 .remix-page .drawing-controls { grid-column:1 / -1;grid-row:1;min-height:36px; }
 .remix-page .mix-workspace { grid-column:1;grid-row:2;min-width:0;min-height:0; }
 .remix-page .console-status { grid-column:1 / -1;grid-row:3; }
 .remix-page .landscape-controls { display:flex;flex-direction:column;gap:12px;grid-column:2;grid-row:2;min-height:0;overflow:auto;overscroll-behavior:contain; }
 .remix-page .landscape-controls > * { flex-shrink:0;width:100%;box-sizing:border-box; }
 .remix-page .landscape-controls .console-playbar { display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:0; }
 .landscape-controls #quick-preset { grid-column:1;grid-row:1; }
 .landscape-controls #tracks-open { grid-column:2;grid-row:1;justify-self:stretch; }
 .remix-page .landscape-controls .auto-buttons { grid-column:1 / -1;grid-row:2;display:flex;flex-wrap:wrap;justify-content:flex-start; }
 .remix-page .landscape-controls .master-control { grid-column:1 / -1;grid-row:3;min-width:0;width:100%;padding:6px 9px; }
 .remix-page .landscape-controls .master-control > span { flex:0 0 132px;width:132px;font-size:10px; }
 .remix-page .landscape-controls .sound-palette { margin-top:auto; }
 .remix-page .landscape-controls .sound-themes { display:grid;grid-template-columns:1fr 1fr;min-width:0;width:100%;gap:4px; }
 .remix-page .landscape-controls .sound-themes .small-label { display:none; }
 .remix-page .landscape-controls .sound-themes button { padding-inline:4px;min-width:0; }
 .remix-page.is-scratch-zoom main { grid-template-rows:38px minmax(0,1fr); }
 .remix-page.is-scratch-zoom .landscape-controls .console-playbar { display:block; }
 .remix-page.is-scratch-zoom .landscape-controls .master-control { display:flex; }
 .remix-page.is-scratch-zoom .landscape-controls .sound-themes { display:none; }
 .remix-page.is-scratch-zoom .mobile-performance-controls { flex-wrap:wrap;gap:8px; }
 .remix-page.is-scratch-zoom .mobile-performance-controls .cut-pads { flex-basis:100%; }
 .remix-page.is-scratch-zoom .mobile-performance-controls .curve-options { width:100%; }
 .remix-page.is-scratch-zoom .mobile-performance-controls .curve-options button { flex:1; }
}
.scratch-transport { display:none; }
@media(max-width:1100px) and (max-height:520px){
 .remix-page.is-scratch-zoom .turntables .transport { display:none; }
 .remix-page.is-scratch-zoom .scratch-transport { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;width:100%; }
 .remix-page.is-scratch-zoom .scratch-transport button { min-width:0;white-space:nowrap;padding:4px 2px;font-size:9px; }
}
/* Landscape keeps both decks visible; A/B chooses the transport target. */
@media(max-width:1100px) and (max-height:520px){
 .remix-page.is-phone-landscape:not(.is-scratch-zoom) .mobile-deck-switch { display:none; }
 .remix-page.is-phone-landscape .turntables { grid-template-columns:453fr 200fr 453fr;column-gap:1.55%; }
 .remix-page.is-phone-landscape .turntables[data-focus] :is(#deck-A,#deck-B) { display:contents; }
 .remix-page.is-phone-landscape .deck > * { grid-column:1; }
 .remix-page.is-phone-landscape #deck-B > * { grid-column:3; }
 .remix-page.is-phone-landscape #deck-A > .turntable-bed,.remix-page.is-phone-landscape #deck-B > .turntable-bed { grid-column:1 / -1; }
 .remix-page.is-phone-landscape .deck-title { font-size:16px; }
 .remix-page.is-phone-landscape .deck-subtitle { display:none; }
 .remix-page.is-phone-landscape .transport { gap:3px; }
 .remix-page.is-phone-landscape .transport button { font-size:9px;padding-inline:2px; }
 .remix-page.is-phone-landscape.is-scratch-zoom .turntables { grid-template-columns:1fr 1fr;column-gap:16px; }
 .remix-page.is-phone-landscape.is-scratch-zoom #deck-B > * { grid-column:2; }
 .remix-page.is-phone-landscape.is-scratch-zoom #deck-B > .turntable-bed { grid-column:1 / -1; }
 .remix-page.is-phone-landscape.is-scratch-zoom .deck-track { display:block!important;margin:2px 0 5px; }
 .remix-page.is-phone-landscape.is-scratch-zoom .deck-title { font-size:15px; }
}

/* Intrinsic title widths must never expand the shared booth grid. */
.remix-page .deck > * { min-width:0;max-width:100%;box-sizing:border-box; }
.remix-page .deck-title { margin-right:0; }
.remix-page .waveform-wrap { width:100%;overflow:hidden; }
.remix-page .waveform-wrap canvas { width:100%;max-width:100%; }