@import url('./fonts.css');
:root{color-scheme:dark;--bg:#050918;--panel:#10162b;--line:#293154;--muted:#a0aecb;--ink:#f1f5ff;--lime:#18eaff;--a:#18eaff;--b:#cd7bff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .15s,transform .15s,border-color .15s}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}button,a,input{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a{color:inherit}button.quiet,.quiet{border:0;background:transparent;color:#c1c7d0;padding:9px 10px;border-radius:7px}.quiet:hover{background:#ffffff0a;color:white}kbd{font:10px monospace;background:#30343c;padding:3px 5px;border-radius:4px;color:#c5ccd7}.topbar{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:14px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Manrope,sans-serif;font-weight:700}.brandmark{display:grid;place-items:center;width:34px;height:34px;background:var(--lime);color:#182118;border-radius:10px;font-size:28px;transform:rotate(90deg);line-height:1}.brand b{font-size:11px;letter-spacing:2px}.brand-slash{color:#5c646f;margin:0 10px}.top-actions{display:flex;align-items:center;gap:18px}.audio-state{display:flex;gap:7px;align-items:center;font:10px monospace;letter-spacing:1px;color:var(--muted)}.audio-state i{width:5px;height:5px;border-radius:50%;background:var(--lime)}main{max-width:1680px;margin:auto;padding:0 38px}.intro{display:flex;align-items:center;justify-content:space-between;padding:32px 0 27px;gap:24px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:var(--muted)}h1{font-family:Manrope,sans-serif;font-size:clamp(26px,2.8vw,39px);letter-spacing:-1.6px;font-weight:600;margin:8px 0}h1 em{font-style:normal;color:var(--lime)}.intro p{color:var(--muted);font-size:12px;margin:0}.intro-actions{display:flex;gap:10px}.button{border:1px solid var(--line);border-radius:9px;padding:12px 17px;font-weight:600;font-size:12px;white-space:nowrap}.primary{background:var(--lime);color:#14200b;border-color:var(--lime)}.primary:hover{background:#cbff91}.secondary{background:#1d2128;color:#dce1e8}.secondary:hover{background:#292e37}.studio{display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:12px}.panel,.deck{background:var(--panel);border:1px solid var(--line);border-radius:15px;overflow:hidden}.deck{--accent:var(--a);position:relative;background:linear-gradient(155deg,#20282d 0,#181b21 40%)}.deck-b{--accent:var(--b);background:linear-gradient(155deg,#2b2521 0,#181b21 40%)}.deck-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 15px}.deck-id{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:1.6px}.deck-letter{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent);font-weight:700;font-size:12px}.deck-status{font:9px monospace;color:var(--muted);letter-spacing:1px}.deck-status.playing{color:var(--accent)}.track-info{padding:0 20px;display:flex;align-items:center;gap:12px;min-width:0}.track-art{width:45px;height:45px;flex-shrink:0;border-radius:9px;background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 25%,#16191d),#1a2028);border:1px solid #ffffff14;display:grid;place-items:center;color:var(--accent);font-size:25px}.track-copy{min-width:0}.track-title{font-family:Manrope,sans-serif;font-size:16px;margin:0 0 5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-subtitle{font-size:10px;color:var(--muted)}.wave-wrap{padding:0 20px;margin:16px 0 0}.wave{width:100%;height:65px;display:block;cursor:crosshair;touch-action:none}.time-row{display:flex;justify-content:space-between;color:var(--muted);font:10px monospace;margin:5px 0 0}.time-row .elapsed{color:var(--accent)}.platter-area{display:flex;align-items:center;justify-content:center;gap:28px;padding:18px 20px}.platter{width:clamp(115px,12vw,176px);aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#191c22 0px,#191c22 2px,#262a31 3px,#191c22 4px);border:5px solid #12151a;box-shadow:0 0 0 1px #333841,0 6px 22px #0005;position:relative;display:grid;place-items:center;touch-action:none;cursor:ew-resize;user-select:none}.platter:after{content:'';position:absolute;inset:3px;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);border-radius:50%}.platter-center{width:46%;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 25% 20%,#363d48,#20252d);border:1px solid #ffffff12;position:relative}.platter-center:before{content:'';position:absolute;top:-26px;width:3px;height:17px;border-radius:4px;background:var(--accent)}.platter-center b{font:800 26px Manrope,sans-serif;color:var(--accent)}.platter-center span{font-size:6px;letter-spacing:2px;color:var(--muted)}.tempo-panel{width:100px;flex-shrink:0}.tempo-number{font-family:Manrope,sans-serif;font-weight:600;font-size:29px;letter-spacing:-1px}.bpm-unit{font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:2px 0 10px}.bpm-controls{display:flex;gap:5px}.bpm-input{width:58px;font-size:11px;appearance:textfield;border:1px solid var(--line);background:#11151a;color:#c9d0d9;border-radius:5px;padding:5px}.small-button{border:1px solid #373c46;background:#242a32;border-radius:5px;padding:5px 7px;font-size:10px}.small-button:hover{border-color:#7e899b}.tempo-panel .small-button.match{width:100%;margin-top:7px}.tempo-edit-label{font-size:8px;color:var(--muted);margin:7px 0 4px}.transport{display:flex;justify-content:center;gap:8px;padding:0 20px 17px}.transport button{border:1px solid #3c424c;background:#252a32;height:38px;border-radius:7px;padding:0 18px;font-size:10px;font-weight:700;letter-spacing:1px}.transport .play{background:var(--accent);border-color:var(--accent);color:#111b22;min-width:90px}.transport .play.is-playing{background:color-mix(in srgb,var(--accent) 16%,#181b21);color:var(--accent)}.transport .start{padding:0 12px}.tempo-range{border-top:1px solid var(--line);padding:13px 20px 10px}.label-row{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--muted)}.label-row output{color:var(--accent);font:10px monospace}.label-row button{font:9px monospace;background:none;border:0;color:var(--muted);padding:0}.tempo-range input{width:100%;margin:12px 0 5px}.pitch-note{font-size:8px;color:#8792a1;text-align:center}.performance{padding:14px 20px 18px;border-top:1px solid var(--line)}.performance-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:var(--muted);font-size:9px;letter-spacing:1px}.clear-cues{padding:1px 0;background:transparent;border:0;color:var(--muted);font-size:9px}.cue-pads{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.cue-pad{background:#222831;border:1px solid #363e48;border-radius:6px;height:39px;color:#9ca7b7;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px}.cue-pad.set{background:color-mix(in srgb,var(--accent) 10%,#1a2026);border-color:color-mix(in srgb,var(--accent) 45%,#1a2026);color:var(--accent)}.cue-pad small{font:8px monospace}.loop-row{display:flex;align-items:center;gap:6px;margin-top:12px}.loop-row>span{font-size:9px;color:var(--muted);margin-right:auto;letter-spacing:1px}.loop-row button{background:#222831;border:1px solid #373f49;border-radius:5px;padding:6px 9px;font-size:10px;min-width:31px}.loop-row button.active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,#1a2026)}.loop-row .loop-off{font-size:9px;padding:6px}.deck-drop{position:absolute;inset:0;background:#17232aee;display:grid;place-items:center;color:var(--accent);font-size:20px;pointer-events:none}.deck-drop[hidden]{display:none}.mixer{padding:18px 16px;background:#15181d}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-top h2{margin:0;font-size:10px;letter-spacing:1.5px;font-weight:600}.tiny{font:8px monospace;color:var(--muted)}.master-display{margin:17px 0 20px;padding:12px 10px;background:#0e1115;border:1px solid #282e36;border-radius:8px}.master-display canvas{width:100%;height:33px;display:block}.master-display>div{display:flex;justify-content:space-between;margin-top:5px;font:8px monospace;color:#839183}.master-display b{font-weight:400;color:var(--lime)}.channels{display:grid;grid-template-columns:1fr 1fr;gap:22px}.channel{text-align:center;--accent:var(--a)}.channel-b{--accent:var(--b)}.channel-title{font-size:9px;color:var(--accent);letter-spacing:1px;margin:0 0 13px}.eq-control{display:block;margin:10px 0;font-size:8px;color:var(--muted);letter-spacing:1px}.eq-control .eq-label{display:flex;justify-content:space-between;align-items:center}.eq-control output{color:#c3cbd7;letter-spacing:0;font:8px monospace}.eq-control input{width:100%;margin:10px 0 0}.channel-volume{margin-top:14px}.channel-meter{height:3px;background:#2c3540;border-radius:3px;overflow:hidden;margin:10px 0}.channel-meter i{display:block;height:100%;width:0;background:var(--accent)}.fx-select{width:100%;background:#242a32;border:1px solid #3c424c;border-radius:5px;color:#cdd4de;font-size:9px;padding:6px 2px}.cross-area{border-top:1px solid var(--line);padding-top:18px;margin-top:15px}.cross-area input{width:100%;margin:15px 0 8px;accent-color:var(--lime)}.a-text{color:var(--a)}.b-text{color:var(--b)}.cross-actions{display:flex;justify-content:space-between}.cross-actions button{background:transparent;border:0;font-size:9px;color:var(--muted);padding:2px 5px}.master-control{border-top:1px solid var(--line);padding-top:18px;margin-top:16px;display:flex;align-items:center;gap:8px;font-size:8px;letter-spacing:1px;color:var(--muted)}.master-control input{width:100%;min-width:0;accent-color:var(--lime)}.master-control output{font:9px monospace;color:var(--lime)}.limiter{text-align:center;font-size:8px;color:#879983;margin-top:15px}input[type=range]{height:4px;accent-color:var(--accent,var(--lime));cursor:pointer;display:block;touch-action:pan-y}input[type=range]::-webkit-slider-thumb{min-width:12px;min-height:12px}.session-strip{display:flex;align-items:center;justify-content:space-between;padding:18px 4px;gap:15px}.session-label{display:flex;gap:12px;align-items:center;font:10px monospace;color:var(--muted)}.session-label b{font:9px 'DM Sans',sans-serif;letter-spacing:1px;color:#bac3ce}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px #b9f53544}.session-tools{display:flex;align-items:center;gap:16px;font-size:10px}.session-tools .quiet{font-size:10px}.switch{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.switch input{accent-color:var(--lime)}.record-button{display:flex;align-items:center;gap:8px;border:1px solid #554148;border-radius:7px;background:#2b2026;padding:9px 13px;font-size:11px;color:#fbb4ba}.record-dot{width:6px;height:6px;border-radius:50%;background:#f08392}.record-button.recording{background:#512831;border-color:#e46b80}.record-button.recording .record-dot{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.25}}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.library-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 17px}.library-heading h2{font:600 20px Manrope,sans-serif;letter-spacing:-.5px;margin:6px 0 0}.library-heading h2 span{font:10px monospace;background:#2b313a;padding:3px 6px;border-radius:4px;vertical-align:middle;margin-left:5px;color:#aab5c4}.library-heading .quiet{font-size:11px}.library-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 22px 15px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:4px;flex-wrap:wrap}.tabs button{border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:10px;padding:8px 9px}.tabs button.active{background:#30392a;color:var(--lime)}#search{width:200px;min-width:100px;border:1px solid var(--line);background:#12161c;border-radius:7px;font-size:10px;padding:9px 10px;color:white}.library-columns,.track-row{display:grid;grid-template-columns:minmax(0,1fr) 55px 55px 98px;align-items:center;gap:12px}.library-columns{padding:12px 22px 8px;font-size:8px;letter-spacing:1px;color:#a1aab7}.library-columns span:last-child{text-align:right}.track-list{height:211px;overflow:auto;padding:0 14px}.track-row{padding:10px 8px;border-bottom:1px solid #ffffff06;min-height:58px}.track-row:hover{background:#ffffff03;border-radius:7px}.track-meta{display:flex;gap:10px;min-width:0;align-items:center}.favorite{border:0;background:transparent;color:#9ba7b7;font-size:17px;padding:5px 0;min-width:20px}.favorite.selected{color:var(--lime)}.library-art{width:32px;height:32px;flex-shrink:0;background:linear-gradient(140deg,#3a5049,#1b2535);border-radius:6px;display:grid;place-items:center;color:#bddeac;font-size:15px}.track-row:nth-child(even) .library-art{background:linear-gradient(140deg,#534331,#2c2535);color:#e9b684}.track-name{min-width:0}.track-name b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500}.track-name small{font-size:9px;color:var(--muted);display:block;margin-top:4px}.track-bpm,.track-duration{font:10px monospace;color:#a8b2be}.load-buttons{display:flex;justify-content:flex-end;gap:5px}.load-buttons button{border:1px solid #3b4650;border-radius:5px;background:#202930;color:var(--a);font:9px monospace;padding:6px 10px}.load-buttons button:last-child{color:var(--b);background:#2a2522;border-color:#4e4035}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;text-align:center;gap:8px;padding:15px}.empty-icon{font-size:27px;color:#819474}.empty b{font-size:13px;font-weight:500}.empty p{font-size:11px;color:var(--muted);margin:0;max-width:340px;line-height:1.6}.empty button{margin-top:6px;font-size:10px}.library-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;padding:12px 22px;font-size:9px;color:var(--muted)}.library-foot span:last-child{font-size:8px;letter-spacing:1px;color:#92a386}.sampler{padding:22px}.muted{color:var(--muted);font-size:11px;margin:10px 0 20px}.pads{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pad{aspect-ratio:1;background:#252c25;border:1px solid #3c4b36;border-radius:8px;color:#c1d6b0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;gap:6px}.pad:nth-child(4n+2){background:#202a30;border-color:#34494e;color:#a4d8df}.pad:nth-child(4n+3){background:#302924;border-color:#4e4136;color:#e3bc95}.pad:nth-child(4n+4){background:#2a2633;border-color:#453d51;color:#c8b3e8}.pad .pad-icon{font-size:19px;font-weight:400}.pad.hit{background:#b9f574;color:#16230d;box-shadow:0 0 20px #b9f53055;transform:scale(.96)}.sample-level{display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1px;color:var(--muted);margin:22px 0 12px}.sample-level input{width:100%;min-width:0}.sampler-bottom{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:8px}.sampler-bottom button{font-size:9px;padding:5px}footer{display:flex;justify-content:space-between;gap:16px;padding:25px 0 30px;color:#a0a9b5;font-size:9px}footer>span:last-child{font-size:8px;letter-spacing:1px}.footer-brand b{font-size:8px;color:#b5bec8;margin-left:5px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;max-width:min(90vw,580px);background:#e3edda;color:#172313;border:1px solid #cce4b5;box-shadow:0 8px 40px #0007;border-radius:10px;padding:13px 20px;font-size:12px;z-index:100;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#drop-overlay{position:fixed;inset:10px;background:#111c1aeb;border:2px dashed var(--lime);border-radius:20px;z-index:80;display:grid;place-items:center;text-align:center;font:600 30px Manrope,sans-serif;pointer-events:none}#drop-overlay[hidden]{display:none}#drop-overlay small{display:block;font:12px 'DM Sans',sans-serif;color:var(--muted);margin-top:16px}dialog{max-width:760px;width:calc(100% - 32px);max-height:90dvh;overflow:auto;background:#1c2129;color:var(--ink);border:1px solid #444f5e;border-radius:20px;padding:30px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#080c11cf;backdrop-filter:blur(6px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog h2{font:600 30px Manrope,sans-serif;letter-spacing:-1px}dialog p{color:#b8c2d0;font-size:12px;line-height:1.9}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.guide-grid h3{font-size:13px;font-weight:600;color:var(--lime)}.guide-note{background:#131820;border:1px solid #35404c;border-radius:9px;padding:14px;font-size:11px;color:#a9b5c5;line-height:1.8;margin:15px 0 20px}.record-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 8px;border-bottom:1px solid var(--line)}.record-row b{font-size:12px}.record-row small{font-size:9px;color:var(--muted);display:block;margin-top:5px}.record-row a{font-size:11px;color:var(--lime)}.record-row audio{width:180px;height:30px}.loading-title{opacity:.6}@media(min-width:1550px){.studio{grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr)}.mixer{padding:20px}.platter-area{gap:50px;padding:20px}.platter{width:180px}.wave{height:74px}}@media(max-width:1150px){main{padding:0 22px}.topbar{padding:0 22px}.studio{grid-template-columns:minmax(0,1fr) 200px minmax(0,1fr);gap:9px}.mixer{padding:16px 12px}.platter-area{gap:15px;padding:18px 12px}.platter{width:115px}.tempo-panel{width:85px}.tempo-number{font-size:25px}.deck-head{padding:15px}.track-info{padding:0 15px}.wave-wrap{padding:0 15px}.performance{padding:12px 13px}.loop-row{gap:4px}.loop-row button{padding:6px;min-width:27px}.transport{gap:5px;padding:0 12px 15px}.transport button{padding:0 12px}.transport .play{min-width:72px}.cue-pad small{font-size:7px}.workspace{grid-template-columns:minmax(0,1fr) 280px}.sampler{padding:18px}.library-toolbar{flex-wrap:wrap}#search{width:100%}.library-columns,.track-row{grid-template-columns:minmax(0,1fr) 40px 40px 65px;gap:8px}.load-buttons button{padding:6px 8px}.library-art{display:none}.intro-actions .button{padding:11px 13px}.intro{gap:15px}.intro h1{font-size:29px}}
@media(max-width:900px){.studio{grid-template-columns:1fr 1fr}.mixer{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:180px 1fr 180px;gap:10px 25px;align-items:center;padding:18px}.mixer>.panel-top{grid-column:1}.master-display{grid-column:1;margin:0;grid-row:2}.channels{grid-column:2;grid-row:1/4;gap:24px}.eq-control{margin:7px 0}.channel-title{margin-bottom:8px}.cross-area{grid-column:3;grid-row:1/3;margin:0;border:0;padding:0}.master-control{grid-column:3;grid-row:3;border:0;padding:0;margin:0}.limiter{grid-column:1;grid-row:3;margin:0}.platter{width:150px}.platter-area{gap:30px}.tempo-panel{width:100px}.intro{align-items:flex-start}.intro-actions{flex-direction:column}.workspace{grid-template-columns:1fr}.sampler .pads{grid-template-columns:repeat(8,1fr)}.pad{max-height:90px}.sample-level{max-width:300px}.sampler-bottom{margin-top:-24px;margin-left:340px;min-height:24px}footer>span:last-child{display:none}.audio-state{display:none}.session-tools{gap:8px}.session-tools .switch{font-size:9px}}
@media(max-width:600px){main{padding:0 12px}.topbar{height:62px;padding:0 14px}.brand{font-size:12px;gap:8px}.brand b{font-size:8px;letter-spacing:1px}.brand-slash{margin:0 4px}.brandmark{width:27px;height:27px;font-size:23px;border-radius:8px}.top-actions{gap:0}.top-actions .quiet{font-size:11px;padding:8px}.top-actions kbd{display:none}.intro{padding:24px 3px 20px;display:block}.intro h1{font-size:28px;margin:7px 0}.intro p{font-size:11px}.intro-actions{flex-direction:row;margin-top:20px;gap:8px}.intro-actions .button{font-size:10px;padding:11px 12px;flex:1}.studio{grid-template-columns:1fr;gap:14px}.deck-b{grid-row:2}.mixer{grid-row:3;grid-column:1;grid-template-columns:1fr 1fr;gap:15px;padding:18px}.mixer>.panel-top{grid-column:1;grid-row:1}.master-display{grid-column:1;grid-row:2}.channels{grid-column:2;grid-row:1/6;gap:15px}.cross-area{grid-column:1;grid-row:3}.master-control{grid-column:1;grid-row:4}.limiter{grid-column:1;grid-row:5}.deck-head{padding:16px 20px}.track-info{padding:0 20px}.wave-wrap{padding:0 20px}.platter-area{gap:45px;padding:18px 20px}.platter{width:145px}.tempo-panel{width:110px}.tempo-number{font-size:30px}.performance{padding:14px 20px 18px}.cue-pad{height:43px}.cue-pad small{font-size:9px}.loop-row button{padding:8px 12px}.transport button{height:42px;padding:0 20px}.transport .play{min-width:104px}.loop-row{gap:6px}.session-strip{flex-wrap:wrap;padding:20px 2px;gap:10px}.session-label{width:100%}.session-tools{width:100%;justify-content:space-between;gap:3px}.record-button{font-size:10px;padding:9px}.session-tools .quiet{padding:8px}.library-heading{padding:20px 15px 14px}.library-heading h2{font-size:19px}.library-toolbar{padding:0 15px 12px;gap:8px}.tabs button{font-size:9px;padding:8px}.library-columns{padding:12px 15px 8px}.library-columns,.track-row{grid-template-columns:minmax(0,1fr) 30px 35px 64px;gap:5px}.track-list{padding:0 7px;height:250px}.track-meta{gap:6px}.track-name b{font-size:10px}.track-name small{font-size:8px}.library-foot{padding:12px;font-size:8px}.library-foot span:last-child{display:none}.sampler .pads{grid-template-columns:repeat(4,1fr)}.pad{max-height:none}.sample-level{max-width:none}.sampler-bottom{margin:0}.guide-grid{grid-template-columns:1fr;gap:0}dialog{padding:22px}dialog h2{font-size:25px}.record-row{flex-wrap:wrap}.record-row audio{width:100%}footer{flex-direction:column;align-items:center;gap:9px;padding:25px 0}.track-title{font-size:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.tempo-panel .small-button.analyze{width:100%;margin-top:7px;color:#b9c8d9}.tempo-panel .small-button.match{margin-top:5px}

/* MyCloudVIP neon identity: cyan signal, violet second deck, midnight canvas. */
body{background:radial-gradient(ellipse at 96% 5%,#5210a021,transparent 36%),radial-gradient(ellipse at 5% 22%,#003f852b,transparent 40%),#050918}
.topbar{background:#070c1ce6;border-color:#343261;box-shadow:0 1px 25px #361ca617}.brandmark{background:linear-gradient(135deg,#03eaff,#7272ff);color:#06102c;box-shadow:0 0 20px #08d8ff40}.brand b{color:#7bf4ff}.brand-slash{color:#a266ed}.audio-state i,.live-dot{box-shadow:0 0 10px #18eaff99}.intro h1 em{color:#31ebff;text-shadow:0 0 30px #00bbff55}.eyebrow{color:#99a8d3}.primary{background:linear-gradient(110deg,#18eaff,#3ec1ff);border-color:#38deff;box-shadow:0 0 24px #00ccff22;color:#061329}.primary:hover{background:linear-gradient(110deg,#73f5ff,#87c8ff);box-shadow:0 0 30px #00ccff44}.secondary{background:linear-gradient(115deg,#151b3a,#241740);border-color:#574a8e}.secondary:hover{background:#2c2454}.deck-a{background:radial-gradient(ellipse at 10% 0,#03ceff15,transparent 50%),linear-gradient(160deg,#111d35,#0b1023 65%);border-color:#185573;box-shadow:inset 0 1px #4de3ff20,0 5px 28px #00baff08}.deck-b{background:radial-gradient(ellipse at 90% 0,#cb30ff1a,transparent 50%),linear-gradient(160deg,#201636,#0e1024 65%);border-color:#68408d;box-shadow:inset 0 1px #db9aff25,0 5px 28px #ac36ff09}.deck-letter{box-shadow:0 0 16px color-mix(in srgb,var(--accent) 17%,transparent)}.track-art{background:linear-gradient(140deg,color-mix(in srgb,var(--accent) 28%,#11132c),#131733);box-shadow:inset 0 0 18px #3b38be25}.platter{background:repeating-radial-gradient(circle,#0a1022 0,#0a1022 2px,#22263e 3px,#0a1022 4px);border-color:#080d1b;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 60%,transparent),0 0 30px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 22px #0008}.platter:after{border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--accent) 15%,transparent)}.platter-center{background:radial-gradient(circle at 25% 20%,#283252,#11162d);border-color:#48507b}.platter-center b{text-shadow:0 0 20px var(--accent)}.platter-center:before{box-shadow:0 0 10px var(--accent)}.transport .play{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 16%,transparent)}.transport .play.is-playing{box-shadow:inset 0 0 14px color-mix(in srgb,var(--accent) 12%,transparent),0 0 18px color-mix(in srgb,var(--accent) 10%,transparent)}.mixer{background:linear-gradient(#11162a,#0b1124);border-color:#36325c}.master-display{background:#060a16;border-color:#293653}.master-display b{color:var(--a)}.master-display>div{color:#8da5c2}.channel-meter i{box-shadow:0 0 9px var(--accent)}.limiter{color:#92baca}.eq-control output{color:#c3d2ed}.fx-select,.bpm-input,.small-button,.transport button:not(.play){background:#18203a;border-color:#3b4769}.tempo-range,.performance,.cross-area,.master-control{border-color:#283454}.cue-pad{background:#141d34;border-color:#324569}.cue-pad.set{box-shadow:0 0 12px color-mix(in srgb,var(--accent) 9%,transparent)}.loop-row button{background:#161d34;border-color:#3a4468}.session-label b{color:#becbe6}.record-button{background:#29132f;border-color:#704268;color:#f1aff0}.record-dot{background:#ff74d3;box-shadow:0 0 10px #f859dd55}.record-button.recording{background:#562249;border-color:#fa78dd}.library,.sampler{background:linear-gradient(135deg,#10192f,#101326);border-color:#313c60}.tabs button.active{background:#12364a;color:#5aefff}.library-heading h2 span{background:#222e4b;color:#a7c8ee}#search{background:#080e21;border-color:#334164}.library-art{background:linear-gradient(140deg,#124b62,#292158);color:#4bf0ff}.track-row:nth-child(even) .library-art{background:linear-gradient(140deg,#4b1d6b,#202253);color:#d49bff}.load-buttons button{color:var(--a);background:#102837;border-color:#225269}.load-buttons button:last-child{color:var(--b);background:#271936;border-color:#5a3875}.library-foot span:last-child{color:#73bac8}.pad{background:linear-gradient(140deg,#0d3240,#13253a);border-color:#286171;color:#72f1ff}.pad:nth-child(4n+2){background:linear-gradient(140deg,#172d56,#17213f);border-color:#3c5991;color:#9bc7ff}.pad:nth-child(4n+3){background:linear-gradient(140deg,#30204c,#1b1a39);border-color:#694b8e;color:#d7a5ff}.pad:nth-child(4n+4){background:linear-gradient(140deg,#421b46,#241930);border-color:#85477e;color:#f3a4e7}.pad.hit{background:#20e3fc;color:#07182b;box-shadow:0 0 25px #00dfff70}.favorite.selected{color:#4cecff}#toast{background:#132e43;color:#d8faff;border-color:#26bad1;box-shadow:0 8px 40px #0008,0 0 20px #00d5ff17}#drop-overlay{background:#07132af0;border-color:var(--a)}dialog{background:linear-gradient(145deg,#161d38,#141127);border-color:#66569a}.guide-note{background:#0c1429;border-color:#394565}.guide-grid h3{color:#5dedff}.empty-icon{color:#63c9de}footer{color:#91a0c1}footer>span:last-child{color:#9d86cf}

.discover-filters{padding:12px 22px;background:#0a1328;border-bottom:1px solid var(--line)}.discover-filters[hidden],.preview-bar[hidden]{display:none}.discover-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.discover-controls select,.discover-controls input{background:#151e37;border:1px solid #394969;border-radius:6px;color:#c4dcf4;padding:7px;font-size:10px;min-width:0}.discover-controls input{width:75px}.discover-controls>span{font-size:9px;color:var(--muted)}#discover-result{margin-left:auto}.catalog-summary-row{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-top:10px;font-size:9px;color:#9babcc}.catalog-summary-row button{background:transparent;border:0;color:#61e9ff;font-size:9px;white-space:nowrap;padding:4px}.preview-button{background:#122d40;color:#5cebff;border:1px solid #296279;border-radius:6px;width:30px;height:30px;flex-shrink:0;font-size:10px}.preview-bar{display:flex;align-items:center;gap:10px;padding:10px 22px;background:#0e3342;color:#9af1ff;font-size:10px}.preview-bar #preview-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.preview-bar button{border:1px solid #497984;border-radius:5px;background:#183e4b;color:#b1f5ff;padding:5px 9px}.preview-note{font-size:8px;opacity:.75}.track-credit{display:block;background:transparent;border:0;color:#7bc3d4;font-size:8px;padding:4px 0 0;text-align:left}.track-credit:hover{text-decoration:underline}.track-list{height:325px}.track-row{min-height:70px}.track-name small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-bpm{font-size:9px}.record-row{flex-wrap:wrap}.record-row audio{flex:1;min-width:120px}.record-row a{white-space:nowrap}#credit-content a{color:#68e6fc;text-underline-offset:3px;font-size:12px}#credit-content li{margin:10px 0;line-height:1.6}#credit-content h3{font-size:13px;color:#d0a2fd}#credit-content .button{margin-top:20px}.library-toolbar{flex-wrap:wrap}#credits-dialog{max-width:700px}@media(max-width:600px){.discover-filters{padding:12px 15px}.discover-controls{gap:6px}.discover-controls select{max-width:135px}.discover-controls input{width:67px}.catalog-summary-row{align-items:flex-start;font-size:8px;line-height:1.5}.preview-bar{padding:10px 12px}.preview-note{display:none}.preview-button{width:25px;height:28px}.track-meta{gap:4px}.track-list{height:360px}.track-name b{font-size:10px}.track-bpm{font-size:8px}.library-columns,.track-row{grid-template-columns:minmax(0,1fr) 32px 32px 60px;gap:4px}.load-buttons button{padding:7px}.tabs{gap:2px}.tabs button{padding:8px 7px}.record-row audio{flex-basis:100%}}

.release-notes{white-space:pre-wrap;overflow-wrap:anywhere;max-height:220px;overflow:auto;font-size:12px!important}#credits-dialog details{margin:16px 0}

/* Single-screen performance console with edge drawers. */
.topbar{height:52px;padding:0 16px;position:relative}.brand{font-size:13px}.brandmark{width:28px;height:28px;font-size:23px}.top-actions{gap:8px}.fullscreen-control{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;font-size:22px!important;color:var(--a)!important}.fullscreen-control span{font-size:9px;letter-spacing:1.5px}.fullscreen-control:active{transform:translateX(-50%)}.topbar .audio-state{font-size:8px}.workspace{display:contents}.side-panel[hidden]{display:none!important}.side-tab{position:fixed;top:44%;z-index:45;width:32px;border:1px solid #306880;background:#0c2339;color:var(--a);padding:12px 5px;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font:600 10px 'DM Sans',sans-serif;letter-spacing:2px;box-shadow:0 0 18px #00dfff18}.side-tab .side-icon{font-size:19px;letter-spacing:0}.library-tab{left:0;border-radius:0 8px 8px 0}.pads-tab{right:0;border-radius:8px 0 0 8px;background:#241738;border-color:#78549d;color:var(--b)}.side-tab[aria-expanded=true]{background:#19445c;color:white}.side-panel{position:fixed;z-index:40;top:60px;bottom:54px;box-shadow:0 12px 60px #000c;backdrop-filter:blur(18px)}.library.side-panel{left:38px;width:min(590px,calc(100vw - 76px));display:flex;flex-direction:column;background:#0c152bf7}.library-heading{padding:14px 16px 12px}.library-heading .eyebrow{display:none}.library-heading h2{margin:0;font-size:17px}.library-toolbar{padding:0 16px 10px;gap:8px;display:block}.library-toolbar #search{width:100%;margin-top:8px}.library .track-list{height:auto;min-height:0;flex:1;overscroll-behavior:contain}.library-columns,.library .track-row{grid-template-columns:minmax(0,1fr) 42px 42px 68px;gap:6px}.library .track-row{min-height:65px}.library .load-buttons button{padding:8px 10px}.library .discover-filters{padding:10px 16px}.library-foot{padding:10px 16px}.sampler.side-panel{right:38px;width:min(300px,calc(100vw - 76px));padding:18px;overflow:auto;background:#17122bf7}.sampler .pads{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:20px}.sampler .pad{max-height:100px}.sampler .sample-level{margin-top:20px;max-width:none}.sampler .sampler-bottom{margin:16px 0 0;display:block}.sampler-bottom .quiet{float:right}.side-panel .preview-bar{padding:8px 16px}.side-panel .preview-note{display:none}.session-strip{padding:6px 0}.session-label b{font-size:8px}.session-tools{gap:10px}
@media(min-width:900px){
 html,body{height:100%;overflow:hidden}main{height:calc(100dvh - 52px);max-width:none;padding:8px 40px 0;display:flex;flex-direction:column}.studio{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) clamp(210px,20vw,290px) minmax(0,1fr);gap:10px}.session-strip{height:44px;flex:none}.deck{display:grid;min-height:0;grid-template-rows:36px 42px minmax(30px,1fr) minmax(90px,2fr) 38px 61px 94px}.deck-head{padding:6px 14px}.deck-letter{height:22px;width:22px}.track-info{padding:0 14px;gap:9px}.track-art{height:36px;width:36px}.track-title{font-size:14px;margin-bottom:3px}.track-subtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wave-wrap{padding:6px 14px 0;margin:0;min-height:0;display:flex;flex-direction:column}.wave{height:auto;min-height:0;flex:1}.time-row{margin-top:3px;font-size:9px}.platter-area{min-height:0;padding:6px 12px;gap:clamp(12px,3vw,44px);overflow:hidden}.platter{width:min(17vw,calc((100dvh - 370px)*.53));max-height:100%;min-width:80px;flex-shrink:1}.tempo-panel{width:100px}.tempo-number{font-size:26px}.bpm-unit{margin:0 0 3px}.tempo-edit-label{margin:4px 0 2px}.tempo-panel .small-button{padding:4px;font-size:9px}.tempo-panel .small-button.analyze,.tempo-panel .small-button.match{margin-top:4px}.transport{padding:2px 12px 4px;gap:8px}.transport button{height:32px}.tempo-range{padding:7px 14px 5px}.tempo-range input{margin:9px 0 4px}.pitch-note{font-size:7px}.performance{padding:7px 14px}.performance-head{margin-bottom:5px}.cue-pad{height:28px}.loop-row{margin-top:6px;gap:5px}.loop-row button{padding:4px 8px}.mixer{padding:12px;display:flex;flex-direction:column;min-height:0;gap:0}.master-display{margin:10px 0;padding:8px}.master-display canvas{height:24px}.channels{flex:1;min-height:0;gap:18px;align-content:space-around}.channel-title{margin-bottom:8px}.eq-control{margin:8px 0}.eq-control input{margin-top:8px}.channel-volume{margin-top:8px}.channel-meter{margin:7px 0}.fx-select{padding:5px 2px}.cross-area{margin-top:8px;padding-top:10px}.cross-area input{margin:10px 0 6px}.master-control{margin-top:9px;padding-top:10px}.limiter{margin-top:8px;font-size:7px}
}
@media(min-width:900px) and (max-height:700px){.deck{grid-template-rows:30px 36px minmax(25px,1fr) minmax(85px,1.8fr) 34px 53px 83px}.deck-head{padding:3px 12px}.track-art{width:30px;height:30px}.track-title{font-size:12px}.platter-area{padding:3px 12px}.tempo-panel{width:90px;display:grid;grid-template-columns:1fr 1fr;gap:3px}.tempo-number{font-size:23px}.bpm-unit{align-self:center;font-size:8px}.tempo-edit-label,.bpm-controls,.tempo-panel .small-button.analyze,.tempo-panel .small-button.match{grid-column:1/-1;margin:0}.tempo-edit-label{font-size:7px}.tempo-panel .small-button{padding:3px}.bpm-input{padding:3px}.transport button{height:29px}.tempo-range{padding:5px 12px}.performance{padding:5px 12px}.performance-head{margin-bottom:4px}.cue-pad{height:25px}.loop-row{margin-top:4px}.loop-row button{padding:3px 6px}.master-display{margin:6px 0;padding:6px}.master-display canvas{height:18px}.channel-title{margin:3px 0}.eq-control{margin:6px 0}.eq-control input{margin-top:6px}.channel-meter{margin:5px 0}.cross-area{margin-top:5px;padding-top:7px}.master-control{margin-top:7px;padding-top:7px}.limiter{margin-top:5px}}
@media(max-width:899px){main{padding:12px 38px}.topbar .audio-state{display:none}.brand b,.brand-slash{display:none}.fullscreen-control span{display:none}.top-actions .quiet{font-size:10px}.side-panel{top:60px;bottom:12px}.library .library-columns,.library .track-row{grid-template-columns:minmax(0,1fr) 34px 35px 60px;gap:4px}.library .load-buttons button{padding:8px}.library .track-meta{gap:4px}.library-foot span:last-child{display:none}.library .discover-controls select{max-width:120px}.library .discover-controls input{width:61px}.library .library-heading{padding:12px}.library-heading h2{font-size:15px}.library-heading .quiet{padding:6px;font-size:9px}.library .tabs button{padding:7px 5px;font-size:9px}.catalog-summary-row{font-size:8px}.library-columns{padding-left:12px;padding-right:12px}}
.sampler .pad{aspect-ratio:1.35;max-height:min(105px,calc((100dvh - 320px)/4));min-height:40px}.fullscreen-control[hidden]{display:none}