/* Pocket Edition: the performance surface comes first, in portrait and landscape. */
:root{--bg:#0c0e11;--panel:#14181e;--a:#bdf27e;--b:#b8a0fa;--line:#2b3038}
body{background:radial-gradient(ellipse at 25% 15%,#1a24221f,transparent 50%),#0c0e11;padding-bottom:83px;overscroll-behavior-y:none}
.topbar{height:66px;padding:0 max(20px,calc((100% - 1080px)/2));gap:0;background:#111419;border-color:#262c32}
.brand{font-size:29px}.brand-label{display:inline-block;letter-spacing:2.4px;font-size:9px}.topactions{gap:16px}.topactions .iconbutton{display:block;border-radius:8px;border-color:#373d46}.record-button{min-height:38px;font-size:11px}.topnav{display:none}
main{padding:19px 24px 0;max-width:1100px}.studio-heading{margin-bottom:15px;gap:12px}.studio-title{display:flex;gap:9px;align-items:center}.studio-heading h1{font-size:14px;letter-spacing:-.2px;color:#b6bdbf;font-weight:400;margin:0}.studio-title .live-dot{width:5px;height:5px;background:#8fa49a}.session-info{gap:0}.session-info>span{font-size:8px}.session-info b{font-size:11px}.session-info .textbutton{display:none}.jog-mode-bar{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:20px}.jog-modes{display:flex;border:1px solid #343b44;border-radius:9px;padding:4px;background:#161b21;gap:5px}.jog-modes button{border-radius:6px;min-height:37px;padding:0 19px;font-size:10px;letter-spacing:1.3px;color:#929ba5}.jog-modes button span{display:inline-block;font-size:10px;letter-spacing:0;font-weight:400;margin-left:9px;color:#7c8891}.jog-modes button.active{background:#303a39;color:#ddf5c9;box-shadow:inset 0 1px 0 #65805e45}.jog-modes button.active span{color:#aab9a5}.wheel-help{position:absolute;right:0;width:42px;height:42px;font-size:19px;color:#929ca5}.decks{gap:22px}.deck{padding:19px 22px 18px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent) 6%,transparent),transparent 64%),linear-gradient(150deg,#1a2027,#10151a);border:1px solid #343e42;border-top:2px solid color-mix(in srgb,var(--accent) 75%,transparent);border-radius:14px;overflow:visible;display:flex;flex-direction:column;min-width:0;box-shadow:0 15px 35px #0002}.deck[data-deck="1"]{border-color:#3b3548;border-top-color:var(--accent)}.deck-top{gap:11px}.deck-letter{height:29px;width:29px;font-size:16px;border-radius:5px}.deck-title h2{font-size:16px;letter-spacing:-.25px}.deck-title p{font-size:10px;letter-spacing:0}.deck-art{display:none}.deck-track-menu{display:block;height:36px;min-width:36px;color:var(--accent);border:1px solid #394249;border-radius:7px;font-size:22px;font-weight:300;padding:0;line-height:1}.deck-badge{display:none}.waveform-wrap{height:47px;border-color:#30393c;background:#0b1115;margin-top:15px;border-radius:5px}.wave-times{font-size:10px;margin-top:6px}.wave-times .remaining{opacity:.8}.platter-stage{margin:17px auto 0;width:min(100%,295px);position:relative}.jog-wheel{width:100%;aspect-ratio:1;position:relative;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:50%;cursor:grab;outline-offset:5px;isolation:isolate}.jog-wheel:active{cursor:grabbing}.jog-rim{position:absolute;inset:0;border-radius:50%;border:1px solid #49535b;background:linear-gradient(135deg,#444b4e,#12191f 38%,#3a4147 70%,#131a20);box-shadow:0 8px 15px #000a,inset 0 1px 1px #acb6b633,inset 0 -2px 3px #000}.jog-rim:before{content:'';position:absolute;inset:2%;border-radius:50%;border:3px dotted #8e9a9d55;box-shadow:0 0 0 2px #11181d}.jog-rim:after{content:'';position:absolute;inset:5%;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);background:#05090c;box-shadow:0 0 20px color-mix(in srgb,var(--accent) 9%,transparent)}.vinyl-disc{position:absolute;inset:7%;border-radius:50%;background:conic-gradient(from 30deg,#0c1115bb,#3940477a 14%,#0a0e12aa 27%,#080c10bb 52%,#41494d55 66%,#090d11aa 83%,#0c1115bb),repeating-radial-gradient(circle at center,#12171b 0px,#12171b 1.5px,#30373b 2px,#0b1014 3px);box-shadow:0 1px 3px #000,inset 0 0 1px 1px #4e585d88;will-change:transform;pointer-events:none}.vinyl-disc:after{content:'';position:absolute;inset:10%;border:1px solid #7f92991a;border-radius:50%}.vinyl-marker{position:absolute;top:4%;left:49.4%;height:12%;width:1.2%;min-width:2px;background:var(--accent);border-radius:3px;box-shadow:0 0 9px color-mix(in srgb,var(--accent) 60%,transparent)}.vinyl-label{position:absolute;width:39%;height:39%;left:30.5%;top:30.5%;border-radius:50%;overflow:hidden;border:3px solid #0a1114;box-shadow:0 0 0 1px #6b797c4d,0 0 30px #0007;background:#17221d}.vinyl-label img{width:100%;height:100%;object-fit:cover;pointer-events:none}.spindle{position:absolute;width:8%;height:8%;left:46%;top:46%;border-radius:50%;background:#04090b;border:1px solid #a5b9b678;box-shadow:0 0 0 3px #0004}.vinyl-wordmark{position:absolute;bottom:16%;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#89989b5e}.jog-wheel.is-touched .jog-rim{box-shadow:0 0 0 2px var(--accent),0 0 28px color-mix(in srgb,var(--accent) 22%,transparent)}.jog-wheel.is-jogging .vinyl-marker{background:#fff}.jog-loading{display:none;position:absolute;inset:30%;border-radius:50%;align-items:center;justify-content:center;font-size:9px;letter-spacing:2px;background:#111c20e8;color:var(--accent)}.jog-wheel.is-preparing .jog-loading{display:flex}.jog-feedback{text-align:center;font-size:8px;letter-spacing:1.5px;color:#859098;margin-top:16px;height:12px}.jog-wheel.is-touched+.jog-feedback{color:var(--accent)}.deck-performance{margin-top:15px;display:flex;flex-direction:column;gap:17px}.tempo-box{width:100%;justify-content:space-between;gap:10px}.bpm-button{text-align:left;min-width:85px;display:flex;align-items:baseline;gap:7px}.bpm-number{font-size:27px;letter-spacing:-1px}.bpm-caption{font-size:8px;letter-spacing:.5px}.key-label{display:flex;align-items:baseline;gap:6px;border:0;padding:0;font-size:8px}.key-label strong{font-size:14px;margin:0}.transport{order:1;align-items:center;justify-content:center;gap:18px;width:100%}.transport button{height:43px;min-width:65px;border:1px solid #414a51;border-radius:8px;background:#20282e;font-size:10px;font-weight:500;letter-spacing:.7px;box-shadow:0 2px 3px #0004}.transport .play{min-width:66px;height:66px;border-radius:50%;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,#11181b);color:var(--accent);box-shadow:0 0 0 4px #0c1217,0 0 0 5px #323c42}.transport .play:not(.is-loading):before{border-left-color:var(--accent);border-top-width:9px;border-bottom-width:9px;border-left-width:14px}.transport .play.is-playing:not(.is-loading):before{border-top:0;border-bottom:0;border-left:5px solid var(--accent);border-right:5px solid var(--accent);width:14px;height:19px}.transport .sync{color:var(--accent)}.tempo-controls{display:grid;grid-template-columns:42px 1fr 74px;align-items:center;gap:9px;margin-top:21px}.tempo-controls>span{font-size:9px}.tempo-controls input{width:100%;height:32px}.keylock{padding:7px 3px;font-size:8px;min-height:32px;min-width:0;white-space:nowrap;background:#10171a}.deck-tools{display:none;margin-top:18px;padding-top:15px;gap:14px;flex-direction:column}.tools-open .deck-tools{display:flex}.eqs{width:100%;gap:16px;flex:none}.eq-control label{font-size:8px}.eq-control input{height:32px}.loop-controls{border:0;padding:0;gap:7px;width:100%;display:flex}.loop-label{margin-right:auto;font-size:9px}.loop-controls button{height:39px;min-width:42px;font-size:11px;padding:0}.mixer{margin-top:20px;grid-template-columns:190px 1fr 150px;gap:25px;padding:16px 21px;background:linear-gradient(#1a2026,#141a20);border:1px solid #333c43;border-radius:11px}.mix-mode{order:1}.crossfader-wrap{order:2}.master{order:3}.crossfader-wrap input{height:36px}.crossfader-wrap input::-webkit-slider-runnable-track{height:6px;background:linear-gradient(90deg,#89b857,#777184,#9c84d4);box-shadow:0 2px 6px #0008}.crossfader-wrap input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:34px;margin-top:-14px;border-radius:4px;background:linear-gradient(90deg,#434b50,#edf1ec 40%,#c1c9c5 65%,#444d51);border:1px solid #78837c;box-shadow:0 3px 7px #0009}.crossfader-wrap input{-webkit-appearance:none;appearance:none;background:transparent}.fader-labels{align-items:center;margin-bottom:0}.fader-labels>span:first-child,.fader-labels>span:last-child{font-size:15px;font-weight:600}.fader-labels>span:nth-child(2){font-size:8px}.fader-ticks{margin-top:1px}.transition-button{min-height:38px;font-size:11px;background:#26312b;border-color:#485c3f}.transition-actions select{font-size:11px;padding-left:5px;background:#121a20}.master{display:block}.master input{height:29px}.master label{font-size:9px}.master .level-meter{height:3px}.footer{margin:16px 0 0;border:0;min-height:25px;padding:0;color:#65717a}.footer-brand{font-size:14px}.footer-brand>span{font-size:7px}.footer>span:nth-child(2){font-size:9px}.footer .textbutton{font-size:10px}.mobile-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;border-top:1px solid #313a41;background:#11181ef2;backdrop-filter:blur(15px);display:flex;justify-content:center;gap:60px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #0003}.mobile-nav button{min-width:90px;min-height:48px;color:#7c8992;display:flex;align-items:center;gap:9px;justify-content:center;font-size:11px;border-radius:7px}.mobile-nav button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.mobile-nav button.active{color:var(--a);background:#bdf27e08}.library{margin-top:0;padding-bottom:15px}.library-back{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.library-back button{font-size:12px;color:var(--a);padding:8px 0;min-height:40px}.library-back span{font-size:10px;color:var(--b)}.library-top{margin-bottom:23px}.library-top .eyebrow{display:none}.library-top h2{font-size:28px}.track-row{min-height:80px}.load-button{height:40px;min-width:42px}.table-head,.track-row{grid-template-columns:30px minmax(160px,1fr) 70px 70px 70px 120px}.track-actions{flex-wrap:wrap}.remove-track{width:92px;font-size:11px;height:25px}.remove-track:after{content:' Entfernen'}.record-download{background:var(--a)}#toast{bottom:95px}#interrupt{bottom:90px}.modal-head h2{font-size:24px}dialog{border-radius:15px;background:#182128;border-color:#46535c}.modal-copy{font-size:13px}.help-grid{margin:15px 0}body.focus .library,body.focus .footer{display:revert}body.focus .waveform-wrap{height:47px}
@media(max-width:700px){
body{padding-bottom:80px}.topbar{height:57px;padding:0 15px}.brand{font-size:26px;gap:5px}.brand svg{width:21px}.brand-label{display:none}.topactions{gap:10px}.topactions .iconbutton{width:33px;height:33px;font-size:14px}.record-button{min-height:34px;padding:6px 10px;border-radius:7px}.record-button span{font-size:10px}.audio-status{display:none}main{padding:13px 13px 0}.studio-heading{margin-bottom:12px}.studio-heading h1{font-size:11px}.studio-title{gap:6px}.session-info>span{font-size:7px;letter-spacing:1px}.session-info b{display:inline;margin-left:7px;font-size:10px}.jog-mode-bar{margin-bottom:15px;padding-right:28px;justify-content:flex-start}.jog-modes{gap:3px;padding:3px;border-radius:7px;flex:1}.jog-modes button{flex:1;padding:0 7px;min-height:32px;font-size:9px;letter-spacing:1px}.jog-modes button span{font-size:8px;margin-left:5px;letter-spacing:0}.wheel-help{right:-5px;width:30px;height:38px;font-size:17px}.decks{gap:10px}.deck{padding:12px 10px 12px;border-radius:11px}.deck-top{gap:6px;flex-wrap:nowrap}.deck-letter{width:22px;height:24px;flex-shrink:0;font-size:13px}.deck-title{flex:1;min-width:0}.deck-title h2{font-size:11px;line-height:1.4;letter-spacing:-.2px}.deck-title p{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin-top:2px}.deck-track-menu{min-width:26px;height:29px;border-radius:5px;font-size:18px}.waveform-wrap{height:33px;margin-top:12px}.wave-times{font-size:8px;margin-top:5px;letter-spacing:0}.platter-stage{margin-top:13px;width:100%;max-width:240px}.jog-feedback{margin-top:11px;font-size:6.5px;letter-spacing:1px;height:9px;white-space:nowrap}.vinyl-wordmark{font-size:4.5px;letter-spacing:1px}.vinyl-label{border-width:2px}.jog-rim:before{border-width:2px}.deck-performance{gap:11px;margin-top:11px}.tempo-box{padding:0;gap:3px}.bpm-button{min-width:0;min-height:30px;gap:4px}.bpm-number{font-size:23px}.bpm-caption{font-size:6px;line-height:1;max-width:24px;white-space:normal;letter-spacing:.3px}.key-label{display:block;text-align:right;font-size:6px}.key-label strong{display:block;font-size:11px;margin-bottom:2px}.transport{gap:8px;width:100%}.transport button{min-width:0;flex:1;height:37px;font-size:8px;letter-spacing:.5px;border-radius:6px;padding:0}.transport .play{min-width:47px;height:47px;width:47px;flex:0 0 47px;border-radius:50%;box-shadow:0 0 0 3px #0c1217,0 0 0 4px #323c42}.transport .play:not(.is-loading):before{border-top-width:7px;border-bottom-width:7px;border-left-width:11px}.transport .play.is-playing:not(.is-loading):before{border-top:0;border-bottom:0;border-left-width:4px;border-right-width:4px;width:11px;height:15px}.tempo-controls{display:grid;grid-template-columns:33px 1fr;gap:3px;margin-top:12px}.tempo-controls>span{font-size:7px}.tempo-controls input{width:100%;height:24px}.keylock{min-height:27px;font-size:7px;grid-column:1 / -1;width:100%;margin:2px 0 0;border-radius:5px;letter-spacing:.5px;background:#111a20}.deck-tools{margin-top:12px;padding-top:12px;gap:10px}.eqs{display:grid;grid-template-columns:1fr 1fr;gap:8px 13px;flex:none}.eq-control label{font-size:7px;margin-bottom:0}.eq-control input{height:33px}.loop-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.loop-label{grid-column:1 / -1;font-size:8px;margin-bottom:1px}.loop-controls button{min-width:0;width:100%;height:34px;font-size:9px}.mixer{margin-top:12px;padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.crossfader-wrap{grid-column:1 / -1;grid-row:1;order:0}.crossfader-wrap input{height:38px}.mix-mode{display:block;padding:0;border:0;order:1}.mix-mode>.small-label{display:none}.transition-actions{margin:0;gap:5px}.transition-button{padding:0 9px;min-height:34px;font-size:10px;white-space:nowrap;flex:1}.transition-actions select{width:59px;min-width:59px;font-size:9px;padding-left:2px}.master{display:block;grid-column:auto;padding:0;border:0;order:2}.master>div:first-child{margin:0}.master label{font-size:7px}.master output{font-size:8px}.master input{height:25px}.master .level-meter{height:2px;margin:0}.footer{margin-top:12px;min-height:19px;gap:8px}.footer-brand{font-size:12px}.footer-brand>span{display:none}.footer>span:nth-child(2){font-size:7px;max-width:none;line-height:1}.footer .textbutton{font-size:8px;padding:4px 0}.mobile-nav{gap:0;padding:5px 10px calc(5px + env(safe-area-inset-bottom));justify-content:space-around}.mobile-nav button{flex:1;min-width:0;min-height:47px;flex-direction:column;gap:4px;font-size:9px}.mobile-nav button svg{width:18px;height:18px}.library-back{margin-bottom:16px}.library-back button{font-size:11px}.library-top{gap:14px;flex-wrap:wrap}.library-top h2{font-size:25px}.library-actions{width:100%}.library-actions .search{width:auto;flex:1;min-width:0}.library-actions .primary-button{font-size:10px;white-space:nowrap;padding:12px 10px}.library-tabs{gap:24px}.table-head,.track-row{grid-template-columns:22px minmax(100px,1fr) 32px 89px;gap:6px}.track-key,.track-duration,.table-head>span:nth-child(4),.table-head>span:nth-child(5){display:none}.track-row{min-height:77px;padding:10px 1px}.table-head{padding:13px 1px;font-size:7px}.track-identity{gap:8px}.track-identity img{width:35px;height:40px}.track-name{font-size:11px}.track-artist{font-size:8px;line-height:1.5}.track-artist>span{display:none}.favorite{font-size:18px;width:22px;height:40px}.track-actions{gap:5px}.load-button{height:42px;min-width:42px;font-size:11px}.track-row .remove-track{width:89px;display:block}.library-footer{font-size:8px}.library-footer button{font-size:9px}#toast{bottom:80px;font-size:11px}#interrupt{bottom:76px}dialog{padding:20px 18px;max-height:85dvh}.modal-copy{font-size:12px}.modal-head h2{font-size:23px}
}
@media(max-width:370px){.topbar{padding:0 12px}.jog-modes button span{display:none}main{padding-left:10px;padding-right:10px}.deck{padding-left:8px;padding-right:8px}.deck-letter{display:none}.transport{gap:6px}.transport .play{flex-basis:43px;width:43px;height:43px}.jog-feedback{font-size:6px;letter-spacing:.5px}.bpm-number{font-size:21px}.mixer{gap:9px;padding:11px}.transition-button{font-size:9px;padding:0 7px}.transition-actions select{min-width:52px;width:52px}.footer>span:nth-child(2){font-size:6px}}
/* Phone in landscape: wheels stay beside each other, mixer remains reachable. */
@media(orientation:landscape) and (min-width:640px) and (max-height:550px){body{padding-bottom:54px}.topbar{height:43px;padding:0 18px}.brand{font-size:22px}.brand svg{height:25px}.brand-label{font-size:8px}.record-button{min-height:29px;padding:5px 9px}.topactions .iconbutton{height:28px;width:28px}.audio-status{display:none}main{padding:9px 18px 0;max-width:1100px}.studio-heading{display:none}.jog-mode-bar{margin-bottom:9px}.jog-modes{padding:2px}.jog-modes button{min-height:25px;font-size:8px;padding:0 15px}.jog-modes button span{font-size:8px}.wheel-help{height:29px}.decks{gap:15px}.deck{display:grid;grid-template-columns:minmax(135px,1fr) minmax(120px,.85fr);grid-template-rows:auto auto auto;gap:0 15px;padding:11px 13px;border-radius:10px}.deck-top{grid-column:1 / -1}.deck-title h2{font-size:12px}.deck-title p{font-size:8px}.deck-letter{width:23px;height:25px;font-size:13px}.deck-track-menu{height:28px;min-width:28px}.waveform-wrap{grid-column:2;grid-row:2;height:32px;margin-top:13px;align-self:start}.wave-times{grid-column:2;grid-row:2;margin-top:50px;height:12px;font-size:8px}.platter-stage{grid-column:1;grid-row:2 / 5;margin-top:10px;max-width:195px}.jog-feedback{font-size:6px;margin-top:7px;height:7px}.deck-performance{grid-column:2;grid-row:3;margin-top:9px;gap:12px}.tempo-box{gap:3px}.bpm-number{font-size:23px}.bpm-caption{font-size:6px}.bpm-button{min-width:0;gap:4px;min-height:0}.key-label{font-size:6px;display:block}.key-label strong{font-size:10px;display:block}.transport{gap:7px}.transport button{min-width:0;height:34px;flex:1;font-size:8px}.transport .play{width:40px;height:40px;min-width:40px;flex:0 0 40px}.tempo-controls{grid-column:2;grid-row:4;display:grid;grid-template-columns:30px 1fr;margin-top:8px;gap:2px}.tempo-controls>span{font-size:7px}.tempo-controls input{height:22px;width:100%}.keylock{grid-column:1 / -1;font-size:7px;min-height:24px;width:100%;margin:0}.deck-tools{grid-column:1 / -1;margin-top:12px}.tools-open .deck-tools{display:flex;flex-direction:row;gap:16px}.eqs{gap:10px}.eq-control input{height:24px}.loop-controls{width:auto;gap:3px}.loop-controls button{min-width:28px;height:30px}.loop-label{font-size:7px}.mixer{margin-top:9px;padding:8px 13px;gap:24px;grid-template-columns:160px 1fr 120px}.crossfader-wrap{grid-column:auto;grid-row:auto;order:2}.crossfader-wrap input{height:27px}.fader-labels>span:first-child,.fader-labels>span:last-child{font-size:11px}.fader-labels>span:nth-child(2){font-size:7px}.mix-mode{order:1;display:block}.mix-mode>.small-label{display:none}.transition-actions{margin:0}.transition-button{min-height:32px;font-size:9px;padding:0 9px}.transition-actions select{width:55px;font-size:9px}.master{display:block;grid-column:auto;order:3}.master input{height:22px}.master label,.master output{font-size:7px}.mobile-nav{gap:60px;padding:4px 10px}.mobile-nav button{flex-direction:row;min-height:36px;font-size:9px;flex:0 1 150px}.mobile-nav button svg{width:16px;height:16px}.footer{display:none}}
@media(prefers-reduced-motion:reduce){.vinyl-disc{will-change:auto}}
/* Keep the normal performance surface on one phone screen. Advanced controls stay in Tools. */
@media(max-width:700px){
body{padding-bottom:68px}.keylock{display:none}.tools-open .keylock{display:block}.platter-stage{margin-top:10px}.jog-feedback{margin-top:8px}.deck-performance{margin-top:9px;gap:8px}.mixer{padding-top:10px;padding-bottom:10px}.crossfader-wrap input{display:block}.fader-ticks{height:5px}.fader-ticks i:nth-child(5){height:5px}
}
@media(max-width:700px) and (max-height:760px){
.studio-heading{display:none}main{padding-top:9px}.jog-mode-bar{margin-bottom:11px}.waveform-wrap{height:27px;margin-top:9px}.platter-stage{max-width:138px;margin-top:9px}.jog-feedback{display:none}.deck-performance{margin-top:10px}.deck{padding-top:10px;padding-bottom:9px}.tempo-controls{margin-top:8px}.mixer{margin-top:10px}.footer{margin-top:8px}
}
@media(orientation:landscape) and (min-width:640px) and (max-height:550px){
.topbar{height:38px}main{padding-top:6px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.jog-mode-bar{margin-bottom:6px}.jog-modes button{min-height:22px}.deck{padding:8px 11px;grid-template-columns:minmax(110px,.85fr) minmax(125px,1fr);column-gap:12px}.deck-top{min-height:29px}.waveform-wrap{height:22px;margin-top:8px}.wave-times{display:none}.platter-stage{max-width:145px;margin-top:8px}.jog-feedback{display:none}.deck-performance{margin-top:7px;gap:7px}.bpm-number{font-size:21px}.bpm-button{min-height:0}.transport .play{width:38px;height:38px;min-width:38px;flex-basis:38px}.transport button{height:32px}.tempo-controls{margin-top:4px}.keylock{display:none}.tools-open .keylock{display:block}.mixer{margin-top:7px;padding-top:7px;padding-bottom:7px}.crossfader-wrap input{display:block;height:25px}.fader-ticks{height:4px}.fader-ticks i:nth-child(5){height:4px}
}
@media(min-width:640px) and (max-height:550px){body{padding-bottom:48px}footer{display:none}.deck{padding-bottom:4px}.mixer{padding-top:5px;padding-bottom:5px}}
/* Beat readiness: one compact, expected next action per deck. */
.grid-status{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:35px;margin-top:10px;padding:4px 7px;border:1px solid #3b414a;border-radius:6px;background:#161c22;color:#abb4bd;font-size:9px}.grid-status.confirmed{border-color:color-mix(in srgb,var(--accent) 30%,#303741);color:var(--accent)}.beat-dots{display:flex;gap:3px}.beat-dots i{display:grid;place-items:center;width:15px;height:17px;border-radius:3px;font-size:8px;font-style:normal;color:#78838e;background:#242d34}.beat-dots i.lit{background:var(--accent);color:#0e1518}.grid-audition{display:flex;gap:8px;margin:13px 0}.grid-audition button{flex:1;min-height:44px}#tempo-form details{margin-bottom:16px;color:#bbc4cd;font-size:12px}#tempo-form summary{cursor:pointer;padding:10px 0}#tempo-form details button{margin-top:8px}.play.is-queued:before{content:'…';font-size:24px}.library-tabs{overflow-x:auto;white-space:nowrap}.grid-status:disabled{opacity:.5}
@media(max-width:700px){.grid-status{min-height:31px;font-size:8px;margin-top:6px;gap:4px;padding:3px 5px}.beat-dots{gap:2px}.beat-dots i{width:12px;height:15px;font-size:7px}.jog-feedback{display:none}.deck-performance{margin-top:8px}.tempo-controls{margin-top:7px}footer{display:none}}
@media(min-width:640px) and (max-height:550px){.grid-status{grid-column:2;min-height:23px;margin-top:4px;grid-row:5}.tempo-controls{grid-row:4}.platter-stage{grid-row:2/6}.deck{padding-bottom:5px}.grid-status .beat-dots i{height:13px}.deck-performance{gap:5px}}
@media(min-width:640px) and (max-height:550px){.jog-mode-bar{margin-bottom:3px}.deck{padding-bottom:2px}.mixer{margin-top:4px}.footer{display:none}}
/* Musical automix and honest preparation status. */
.automix-line{display:flex;align-items:center;gap:6px;margin-top:7px;min-height:20px;color:#98a7a3;font-size:9px;line-height:1.3}.automix-line>span{flex:1}.automix-line button{min-width:28px;min-height:28px;font-size:16px;color:#a6b4ae}.track-readiness{display:block;color:#7e8b92;font-size:9px;margin-top:3px}.track-readiness.ready{color:#bddf96}.library-tabs button span{margin-left:4px;opacity:.65}.transition-button{white-space:nowrap}.transition-button.active{background:#b8e78b;color:#101812}
@media(max-width:700px){.mix-mode{min-width:0}.transition-actions{gap:5px}.transition-button{font-size:9px;padding:0 8px}.transition-actions select{max-width:70px;padding-left:6px;font-size:9px}.automix-line{font-size:8px;margin-top:3px;min-height:18px}.automix-line button{min-height:24px;min-width:24px}.mixer{column-gap:8px}.footer{display:none}.library-tabs{padding-bottom:8px}}
@media(min-width:640px) and (max-height:550px){.automix-line{position:absolute;left:10px;right:10px;bottom:0;margin:0;font-size:8px;min-height:15px;justify-content:center}.automix-line>span{flex:0 1 auto}.automix-line button{min-height:18px;height:18px;min-width:22px;font-size:13px}.mixer{position:relative;padding-bottom:18px}.deck{padding-top:5px}.main{padding-top:0}.platter-stage{max-width:137px}.waveform-wrap{margin-top:5px}.jog-mode-bar{margin-bottom:2px}}
@media(min-width:640px) and (max-height:550px){body{padding-bottom:45px}main{padding-top:3px}.mixer{margin-top:3px}}
.track-artist>.track-readiness{display:block}