:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0d0f12;color:#e9ebed;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,label.import{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #34393f;background:#24282e;border-radius:7px;min-height:42px;padding:0 15px}button:hover{background:#30363d}button:focus-visible,input:focus-visible,label.import:focus-within{outline:2px solid #c5f36b;outline-offset:3px}button:disabled{opacity:.45;cursor:wait}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #272c31;background:#111418}.brand{text-decoration:none;color:#f0f1f3;font-weight:850;letter-spacing:2px;font-size:23px;display:flex;align-items:center;gap:12px}.logo{background:#c5f36b;color:#141714;border-radius:7px;transform:skew(-8deg);padding:1px 9px;font-size:32px}.brand small{font-size:9px;letter-spacing:2px;color:#7f8790;border-left:1px solid #353b42;padding-left:15px}.header-right{display:flex;align-items:center;gap:10px;font-size:12px}.live{font-size:10px;letter-spacing:1px;color:#919a9e;margin-right:12px}.live i{display:inline-block;width:6px;height:6px;background:#c5f36b;border-radius:50%;margin-right:7px}.record{background:#292327;color:#f5a5aa}.record.active{background:#a73547;color:white;animation:pulse 1s infinite}main{max-width:1600px;margin:auto;padding:30px 32px 20px}.session{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2.5px;color:#8b949d}h1{font-size:27px;font-weight:600;letter-spacing:1px;margin:9px 0 0}.session-meta{text-align:right;font-size:12px;color:#929ba4}.session-meta strong{display:block;font-size:9px;letter-spacing:2px;color:#616a74;margin-top:10px}.console{display:grid;grid-template-columns:minmax(0,1fr) 218px minmax(0,1fr);border:1px solid #383f46;border-radius:14px;overflow:hidden;background:#181c21;box-shadow:0 20px 60px #0005}.deck{padding:22px;min-width:0;background:linear-gradient(125deg,#20252b,#171b20)}.deck-top{display:flex;align-items:center;gap:10px}.deck-id{background:var(--accent);color:#181c21;display:grid;place-items:center;font-weight:800;width:30px;height:30px;border-radius:5px}.deck-top strong{font-size:10px;letter-spacing:2px}.deck-top .loaded{margin-left:auto;color:var(--accent);font-size:9px;letter-spacing:1px}.track-name{font-size:18px;margin:20px 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.track-sub{color:#7f8993;font-size:10px;letter-spacing:.7px}.readout{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px}.clock{font:26px ui-monospace,SFMono-Regular,monospace;letter-spacing:-1px}.duration{font:11px ui-monospace,monospace;color:#7e8792;margin-top:4px}.bpm{background:transparent;border:0;color:var(--accent);font:24px ui-monospace,monospace;text-align:right;padding:0}.bpm small{font:9px sans-serif;color:#8a939e;display:block;letter-spacing:1px}.wave{width:100%;height:70px;display:block;background:#111519;border:1px solid #30373d;border-radius:6px;touch-action:none;cursor:crosshair}.platter-area{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}.platter{width:min(23vw,280px);aspect-ratio:1;border-radius:50%;border:7px solid #3c4249;background:repeating-radial-gradient(circle,#121518 0 2px,#262b30 3px,#14171a 4px);box-shadow:0 0 0 2px #0b0d10,inset 0 0 30px #000;position:relative;touch-action:none;cursor:grab;flex-shrink:0}.platter:active{cursor:grabbing;border-color:var(--accent)}.disc-face{position:absolute;inset:0;border-radius:50%}.disc-face:before{content:"";position:absolute;left:50%;top:7px;width:3px;height:21%;background:var(--accent)}.label-disc{position:absolute;inset:30%;border-radius:50%;background:var(--accent);color:#202520;display:flex;align-items:center;justify-content:center;flex-direction:column;font-size:9px;letter-spacing:2px;box-shadow:0 0 0 8px #0005}.label-disc b{font-size:23px;letter-spacing:0;margin-bottom:4px}.label-disc:after{content:"";width:7px;height:7px;border:3px solid #181b1e;background:#ddd;border-radius:50%;margin-top:8px}.pitch{display:flex;align-items:center;flex-direction:column;gap:7px;color:#8b959f;font-size:9px;min-width:38px}.pitch input{writing-mode:vertical-lr;direction:rtl;height:160px;width:30px;accent-color:var(--accent);touch-action:none}.pitch output{color:var(--accent);font:10px monospace}.pitch button{padding:0 7px;min-height:28px;font-size:9px}.transport{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:8px}.transport button{font-size:11px;letter-spacing:1px;min-height:48px}.transport .play{background:var(--accent);color:#15191c;border-color:var(--accent);font-size:19px;font-weight:700}.transport .sync{color:var(--accent)}.pad-title{display:flex;justify-content:space-between;margin:20px 0 8px;color:#77828d;font-size:9px;letter-spacing:1px;align-items:center}.pad-title button{min-height:26px;padding:0 9px;font-size:9px}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.pads button{border-color:#41484e;color:#a7afb7;font:12px monospace;min-height:40px;background:#22282e}.pads button.set{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,#171b20)}button.on{background:var(--accent)!important;color:#15191c!important;border-color:var(--accent)!important}.loop-row{display:flex;gap:6px;margin-top:12px;align-items:center}.loop-row span{font-size:9px;letter-spacing:1px;color:#8b949e;margin-right:auto}.loop-row button{min-height:34px;padding:0 12px;font-size:10px}.mixer{background:#111519;border-left:1px solid #30363e;border-right:1px solid #30363e;padding:22px 17px;--accent:#c5f36b}.mixer-head{display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px}.tiny{color:#66717d;font-size:8px}.master-meter{margin:20px 0 14px}#meter{width:100%;height:28px}.channels{display:grid;grid-template-columns:1fr 1fr;gap:20px}.channel{text-align:center}.channel>b{font-size:10px;color:var(--accent)}.control{display:flex;flex-direction:column;align-items:center;margin-top:15px}.control label{font-size:8px;color:#87929d;letter-spacing:1px}.control input{width:100%;accent-color:var(--accent);height:27px;touch-action:none}.control output{font:9px monospace;color:#68737f}.volume{height:130px!important;width:30px!important;writing-mode:vertical-lr;direction:rtl;margin-top:8px}.master{margin-top:22px}.master label,.cross label{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between;color:#929ba4}.master input,.cross input{width:100%;accent-color:#d5dbdf;touch-action:none;height:37px}.cross{margin-top:24px}.cross-label{display:flex;justify-content:space-between;align-items:center;font-size:11px}.cross-label b:first-child{color:#c5f36b}.cross-label b:last-child{color:#a4a0ff}.cross-label button{min-height:26px;background:transparent;border:0;font-size:9px;color:#717d88}.limiter{font-size:8px;letter-spacing:1px;color:#718666;text-align:center;margin-top:25px}.library{margin-top:28px;border:1px solid #2c333a;border-radius:12px;background:#14181d;padding:22px}.library-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h2{font-size:18px;font-weight:550;margin:8px 0}h2 small{font:9px monospace;color:#707c87;margin-left:10px}.import{background:#c5f36b;color:#1b2216;padding:13px 20px;font-size:11px;border-radius:6px;cursor:pointer;font-weight:600}.table-head,.track-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 80px 130px;align-items:center;gap:12px}.table-head{font-size:9px;color:#64717d;letter-spacing:1px;padding:8px 12px 14px;border-bottom:1px solid #2a3037}.track-row{padding:13px 12px;border-bottom:1px solid #252b31;font-size:11px}.track-info{display:flex;gap:13px;align-items:center;min-width:0}.cover{width:36px;height:36px;background:linear-gradient(135deg,#454e33,#20271c);display:grid;place-items:center;color:#c5f36b;border-radius:5px;font-size:18px;flex-shrink:0}.track-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.track-info small{display:block;color:#697681;font-size:9px;margin-top:5px}.track-info>div:last-child{min-width:0}.load-buttons{display:flex;gap:7px}.load-buttons button{min-height:34px;padding:0 17px;font-size:10px}.load-buttons button:first-child{color:#c5f36b}.load-buttons button:last-child{color:#a4a0ff}.library-note{color:#64717c;font-size:10px;margin:16px 0 0;line-height:1.6}footer{display:flex;justify-content:space-between;margin-top:24px;font-size:9px;color:#616c77}footer b{font-weight:400;color:#414c57;margin-left:7px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#d3f698;color:#1d2817;padding:13px 22px;border-radius:8px;box-shadow:0 5px 30px #0009;font-size:12px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.show{opacity:1}dialog{background:#1b2128;color:#c9d1d8;border:1px solid #46515b;border-radius:15px;max-width:580px;padding:30px;font-size:13px;line-height:1.9}dialog::backdrop{background:#000a}dialog li{margin-bottom:12px}dialog p{color:#8a98a5;font-size:11px}.close{float:right;min-height:32px;padding:0 10px}@keyframes pulse{50%{opacity:.6}}@media(min-width:1400px){.platter{width:280px}.deck{padding:26px}.mixer{padding:26px 20px}}@media(max-width:1050px){header{padding:0 20px}.brand small,.live{display:none}main{padding:24px 18px}.console{grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr)}.deck{padding:16px}.mixer{padding:18px 12px}.platter-area{gap:8px}.platter{width:21vw}.pitch input{height:125px}.loop-row button{padding:0 9px}.clock{font-size:23px}}@media(max-width:740px){header{height:70px;padding:0 14px}.brand{font-size:17px;letter-spacing:1px}.logo{font-size:26px}.header-right{gap:5px}.header-right button{padding:0 9px;font-size:10px}#fullscreen{display:none}.session-meta{display:none}h1{font-size:23px}main{padding:22px 10px}.console{grid-template-columns:1fr 1fr}.mixer{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:1fr 1fr;gap:15px}.mixer-head,.master-meter{display:none}.channels{grid-row:span 2}.channel{display:grid;grid-template-columns:1fr}.control{margin-top:8px}.volume{height:75px!important}.cross,.master{margin-top:10px}.limiter{margin:0}.deck{padding:12px}.deck-top strong{display:none}.track-name{font-size:14px}.clock{font-size:20px}.bpm{font-size:21px}.platter{width:32vw;border-width:5px}.pitch{display:none}.platter-area{margin:19px 0}.transport{gap:5px}.transport button{padding:0 4px;font-size:9px;min-height:44px}.pads{gap:4px}.loop-row{flex-wrap:wrap}.loop-row span{width:100%}.loop-row button{flex:1;padding:0 6px}.library{padding:15px 10px}.table-head,.track-row{grid-template-columns:minmax(0,1fr) 40px 85px;gap:7px;padding-left:5px;padding-right:5px}.table-head>span:nth-child(3),.track-row>.track-duration{display:none}.load-buttons button{padding:0 12px}.cover{display:none}.import{padding:12px}.library-head .eyebrow{font-size:8px}footer{gap:15px;line-height:1.5}footer>span:nth-child(2){display:none}}

/* Performance workspace v2 */
html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{--wall-dim:.65;background:#090b10;isolation:isolate}body:before{content:"";position:fixed;inset:0;z-index:-2;background-image:var(--wall-image,linear-gradient(125deg,#14191f,#06080c));background-size:cover;background-position:center}body[data-wall=club]{--wall-image:radial-gradient(ellipse at 10% 20%,#075e78,transparent 55%),radial-gradient(ellipse at 90% 80%,#621b88,#080a12 75%)}body[data-wall=violet]{--wall-image:linear-gradient(140deg,#30185e,#101728 55%,#07545b)}body:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,var(--wall-dim));z-index:-1;pointer-events:none}header{height:54px;padding:0 20px;background:#111419c9}.brand{font-size:18px}.logo{font-size:25px}.header-right button{min-height:36px}main{height:calc(100dvh - 54px);max-width:1800px;padding:12px;display:flex;flex-direction:column}.session,footer,.library-note,.deck-top strong,.deck-top .loaded,.track-sub,.limiter,.pad-title>span,.master-meter{display:none}.console{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) 190px minmax(0,1fr);background:#11161cbb;border-radius:10px}.deck{padding:12px 16px;display:flex;flex-direction:column;min-height:0;background:linear-gradient(135deg,#242b32bd,#10151bdd)}.deck-top{position:absolute}.deck-id{height:24px;width:24px;font-size:12px}.track-name{margin:1px 0 6px 34px;font-size:15px;min-height:20px}.readout{margin:4px 0 8px}.clock{font-size:23px}.duration{display:none}.bpm{font-size:21px}.wave{height:48px;flex-shrink:0}.platter-area{flex:1;min-height:0;margin:10px 0;gap:15px}.platter{width:min(25vw,calc(100dvh - 375px));max-width:310px;min-width:95px}.pitch input{height:min(150px,20dvh)}.transport button{min-height:44px}.pad-title{margin:8px 0 5px;justify-content:flex-end;height:24px}.pads button{min-height:37px}.loop-row{margin-top:8px}.loop-row button{min-height:34px}.mixer{padding:14px 12px;background:#0d1118c9;display:flex;flex-direction:column}.mixer-head{margin-bottom:5px}.channels{gap:15px;flex:1}.control{margin-top:9px}.control input{height:25px}.volume{height:min(125px,18dvh)!important}.master{margin-top:12px}.cross{margin-top:12px}.cross-label button{min-height:24px}input[type=range],.platter,.wave,button{touch-action:none;-webkit-user-select:none;user-select:none}body{-webkit-user-select:none;user-select:none}button{border-radius:4px}.stems{margin-top:8px;border-top:1px solid #39424b;padding-top:6px}.stem-heading{display:flex;align-items:center;justify-content:space-between;font:9px monospace;letter-spacing:1px;color:#82919e}.stem-heading button{min-height:26px;font-size:10px;padding:0 8px}.stem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:5px}.stem-control{min-width:0}.stem-control button{width:100%;padding:0;min-height:30px;font:9px monospace;color:var(--accent)}.stem-control input{width:100%;accent-color:var(--accent);height:23px;touch-action:none}.stem-control button.muted{color:#66717b;background:#111}.library{margin:0;border:0;padding:10px 0}dialog{width:min(760px,94vw);max-width:760px;max-height:88dvh;overflow:auto;overscroll-behavior:contain}dialog .library-head{margin-top:15px}.wall-options{display:flex;gap:10px;margin:20px 0}#appearanceDialog .import{display:inline-block;margin-bottom:16px}#wallDim{display:block;width:100%;margin-top:10px}.stem-file{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:14px 0;font:11px monospace}.stem-file input{max-width:70%}.commit-stems{margin-top:20px;background:#c5f36b;color:#171c13}.stem-dialog p{max-width:480px}#help{min-width:36px;padding:0}#toast{bottom:15px;padding:9px 16px} @media(max-height:700px) and (min-width:741px){.control{margin-top:4px}.control output{display:none}.track-name{font-size:13px}.platter{width:min(22vw,calc(100dvh - 340px))}.pad-title{margin-top:4px}.loop-row{margin-top:5px}.deck{padding:10px 12px}.stem-heading{display:none}.stems{padding-top:4px}.volume{height:65px!important}.mixer-head{display:none}}@media(max-width:740px){.console{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr)}.mixer{grid-column:2;grid-row:1;padding:10px 7px}.deck{padding:9px 7px}.channels{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mixer-head{display:none}.control label{font-size:7px}.control output{display:none}.platter{width:min(28vw,calc(100dvh - 400px));min-width:60px}.track-name{font-size:11px}.clock{font-size:16px}.bpm{font-size:16px}.deck-id{width:19px;height:19px}.readout{flex-wrap:wrap}.loop-row span{display:none}.loop-row{gap:3px;flex-wrap:nowrap}.loop-row button{padding:0;min-width:0}.stem-grid{grid-template-columns:1fr 1fr}.brand small,.live,#fullscreen{display:none}.brand{font-size:13px}header{padding:0 9px}.header-right{gap:4px}.header-right button{font-size:10px;padding:0 7px}.cross label span{display:none}.volume{height:80px!important}.stem-heading{display:none}.transport{grid-template-columns:1fr 1fr}.transport .play{grid-column:1/-1}.pads{grid-template-columns:1fr 1fr}.pad-title{height:20px}.pads button{min-height:29px}.transport button{min-height:34px}.label-disc{font-size:5px;letter-spacing:0}.label-disc b{font-size:15px}.label-disc:after{margin-top:2px}.cross{margin-top:15px}.master{margin-top:12px}} 

.sample-bank{height:36px;display:flex;align-items:center;justify-content:center;gap:8px;background:#090e14cc;border-bottom:1px solid #303744}.sample-bank>span{font:8px monospace;color:#82919e;margin-right:12px}.sample-bank button{font:9px monospace;min-height:26px;padding:0 18px}.sample-bank .on{background:#c5f36b;color:#101810}main{height:calc(100dvh - 90px)}.detail-wave{width:100%;height:84px;display:block;touch-action:none}.wave-lanes{margin-top:5px;border:1px solid #303a45;border-radius:3px;overflow:hidden}.wave-tools{display:flex;align-items:center;gap:8px;height:24px;font:8px monospace;color:#8696a6}.wave-tools>span{margin-right:auto}.wave-tools button{min-height:21px;padding:0 9px}.wave{height:28px}.platter{width:min(24vw,calc(100dvh - 490px))}.load-buttons .delete-track{color:#e18a97;padding:0 11px}.table-head,.track-row{grid-template-columns:minmax(0,1fr) 60px 60px 170px}.wave-tools output{width:24px;text-align:center}@media(max-height:750px){.detail-wave{height:60px}.platter{width:min(23vw,calc(100dvh - 455px))}.platter-area{margin:5px 0}.stem-control input{height:18px}}@media(max-width:740px){.sample-bank{gap:4px}.sample-bank>span{display:none}.sample-bank button{padding:0 10px}.detail-wave{height:64px}.platter{width:20vw;min-width:45px}.track-row,.table-head{grid-template-columns:minmax(0,1fr) 45px 120px}.table-head>span:nth-child(3),.track-duration{display:none}.load-buttons button{padding:0 10px}}

:fullscreen,:-webkit-full-screen{width:100%;height:100%;overflow:hidden;background:#090b10}body.perform-fullscreen{height:100dvh;overflow:hidden}.perform-fullscreen main{height:calc(100dvh - 90px)}.perform-fullscreen header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}#fullscreen{display:inline-block!important;white-space:nowrap}body,main,.console{overscroll-behavior:none}dialog{touch-action:pan-y}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}main{height:calc(100dvh - 90px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}

.stem-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px}.stem-control input{grid-column:1/-1}.stem-control .stem-solo{width:auto;min-width:34px;padding:0 5px;font-size:8px}.stem-solo.on{background:var(--accent);color:#111}@media(max-width:740px){.stem-control .stem-solo{min-width:24px;font-size:6px;padding:0 2px}}

.readout .deck-stem-entry{display:inline-flex!important;align-items:center;justify-content:center;order:1;flex:0 0 auto;min-height:34px;padding:0 12px;border:1px solid var(--accent);color:var(--accent);font-size:11px;white-space:nowrap}.readout .bpm{order:2}@media(max-width:740px){.readout .deck-stem-entry{min-height:32px;padding:0 8px;font-size:10px}}

/* Fixed performance grid: flexible platter yields space to all controls. */
body{height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr)}header{min-height:50px;height:auto;padding:7px 14px;gap:12px}.header-right{flex-wrap:wrap;justify-content:flex-end;gap:5px}.header-right button{padding:0 10px}.live,.brand small{display:none}main,.perform-fullscreen main{height:auto!important;min-height:0;padding:8px}.console{height:100%;min-height:0}.deck{display:grid;grid-template-rows:22px 42px 24px minmax(40px,1fr) 22px minmax(40px,2fr) 66px 42px 22px 34px 32px 62px;gap:4px;padding:8px 12px;min-height:0}.deck-top{position:absolute}.track-name{grid-row:1;margin:0 0 0 30px}.readout{grid-row:2;margin:0;flex-wrap:nowrap}.wave{grid-row:3;height:24px}.wave-lanes{grid-row:4;margin:0;min-height:0}.detail-wave{height:100%}.wave-tools{grid-row:5;height:22px}.platter-area{grid-row:6;margin:0;min-height:0;overflow:hidden}.platter{height:100%;width:auto!important;aspect-ratio:1;min-width:0;max-width:260px;max-height:100%;flex-shrink:1}.tempo-pitch-panel{grid-row:7;display:grid;grid-template-rows:1fr 1fr;gap:2px}.tempo-pitch-panel .pitch,.key-control{display:grid!important;grid-template-columns:42px minmax(0,1fr) 49px 42px;align-items:center;gap:6px;font:9px monospace;color:#a0afbd}.tempo-pitch-panel .pitch input,.key-control input{writing-mode:horizontal-tb!important;direction:ltr!important;height:28px!important;width:100%!important;accent-color:var(--accent);margin:0}.tempo-pitch-panel button{padding:0 5px;min-height:28px;font-size:9px}.key-control output{font:10px monospace;color:var(--accent)}.transport{grid-row:8;grid-template-columns:1fr 1fr 1.6fr}.transport .play{grid-column:auto}.transport button{min-height:38px}.pad-title{grid-row:9;height:22px;margin:0}.pads{grid-row:10;grid-template-columns:repeat(4,1fr)}.pads button{min-height:32px}.loop-row{grid-row:11;margin:0;flex-wrap:nowrap}.loop-row span{width:auto}.loop-row button{min-height:28px}.stems{grid-row:12;margin:0;padding:3px 0 0;min-height:0}.stem-heading{display:none!important}.stem-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin:0}.stem-control button{min-height:28px}.stem-control input{height:20px!important}.sample-bank{height:58px;min-height:58px;gap:10px;padding:4px 14px}.sampler-cell{display:grid;grid-template-rows:26px 18px;min-width:0;width:112px}.sampler-cell button{padding:0 8px;min-height:26px;font-size:9px}.sampler-cell input{width:100%;height:18px;margin:0;accent-color:#d4ed83;touch-action:none}.sample-bank>span{font-size:8px}.mixer{padding:10px;min-height:0}.channels{min-height:0}.control{margin-top:7px}.master,.cross{margin-top:8px}@media(max-height:720px){.deck{grid-template-rows:20px 36px 20px minmax(32px,1fr) 20px minmax(45px,1fr) 58px 36px 20px 30px 28px 56px;gap:3px;padding:6px 9px}.readout .deck-stem-entry{min-height:30px}.transport button{min-height:34px}.pitch input,.key-control input{height:26px!important}.clock{font-size:20px}.wave{height:20px}.pads button{min-height:28px}.control output{display:none}.control{margin-top:4px}.volume{height:60px!important}.mixer-head{display:none}.sample-bank{height:52px;min-height:52px}header{min-height:44px;padding:4px 10px}.header-right button{min-height:32px;font-size:10px}.key-control,.tempo-pitch-panel .pitch{grid-template-columns:35px minmax(0,1fr) 43px 36px;gap:4px}}@media(max-width:900px){.brand{font-size:15px;letter-spacing:1px}.logo{font-size:24px}.console{grid-template-columns:minmax(0,1fr) 145px minmax(0,1fr)}.sample-bank{gap:5px}.sample-bank>span{display:none}.sampler-cell{width:100px}.stem-control .stem-solo{min-width:25px;font-size:6px;padding:0 2px}.stem-control button{font-size:8px}.mixer{grid-column:2;grid-row:1}.readout .bpm{font-size:18px}.tempo-pitch-panel .pitch,.key-control{grid-template-columns:30px minmax(0,1fr) 40px 30px;gap:3px}.tempo-pitch-panel button{font-size:8px}.loop-row span{display:none}}@media(max-width:700px){.console{grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr)}.deck{padding:5px}.stem-grid{gap:2px}.stem-control{grid-template-columns:minmax(0,1fr) auto;gap:2px}.stem-control .stem-solo{min-height:20px}.stems{overflow:hidden}.sampler-cell{width:15%;}.sampler-cell button{font-size:8px;padding:0}.stem-control button{font-size:7px}.header-right button{font-size:9px;padding:0 6px}.readout .bpm{font-size:15px}.readout .deck-stem-entry{font-size:9px;padding:0 7px}}

body{height:var(--stage-height,100dvh)!important}.deck .pitch{min-width:0}
main,.perform-fullscreen main{margin:0 auto;width:100%;align-self:stretch;height:100%!important;overflow:hidden}.console{flex:1;min-height:0;height:100%}.deck,.mixer{height:100%;min-height:0}

.pad-title button{min-height:20px;height:20px;padding:0 7px}