:root{font-family:Inter,Arial,sans-serif;color:#e9edf2;background:#080a0d;font-synthesis:none;color-scheme:dark;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{border:1px solid #424850;border-radius:5px;background:linear-gradient(#2f343a,#171b20);color:#e7ecf1;padding:10px 12px;cursor:pointer;box-shadow:0 2px 2px #0008;font-weight:700;font-size:10px;letter-spacing:.6px;min-height:40px}button:hover:not(:disabled){border-color:#a5b9c7;background:#323d45}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #70e4fa;outline-offset:3px}a{color:#bac8d4;text-decoration:none;font-size:11px}input[type=range]{accent-color:var(--accent,#b1c3ce);width:100%;cursor:pointer;min-height:28px;margin:0}input[type=search],input[type=number],select{background:#0b1117;border:1px solid #4a5560;border-radius:4px;padding:9px;color:#e6eff5}input[type=number]{width:85px}header{padding:25px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343b44;background:#10141a}.brand>span{font-size:27px;letter-spacing:1px;font-weight:900}.brand b{color:#56d6f1}.brand h1{display:inline;margin-left:22px;font-size:18px;letter-spacing:3px;font-weight:500}.brand em{font-style:normal;background:#c6d0d6;color:#151c22;font-size:10px;padding:4px;vertical-align:middle;letter-spacing:1px}.header-right{display:flex;align-items:center;gap:16px}.audio-state{font-size:11px;color:#afbac7}.audio-state.on{color:#7be4b7}.studio{max-width:1920px;margin:auto;padding-bottom:20px}.toolbar{padding:14px 30px;display:flex;justify-content:space-between;align-items:center;color:#a5b5c3;letter-spacing:2px;font-size:10px}.toolbar>span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#49d9df;margin-right:8px}.pair-selector,.mobile-nav{display:none}.console{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr) minmax(0,1fr);gap:10px;margin:0 22px;padding:14px;background:repeating-linear-gradient(110deg,#1a1e23 0,#1b1f24 2px,#1c2025 3px);border:1px solid #444a51;border-radius:12px;box-shadow:inset 0 1px #69717b,0 12px 30px #000}.deck-bank{display:grid;gap:14px}.deck{--accent:#62d9fb;border:1px solid #383f47;border-radius:7px;padding:14px;background:linear-gradient(150deg,#282d33,#13171b);min-width:0;box-shadow:inset 0 1px #4c535b,0 3px 7px #000}.deck-B,.deck-D{--accent:#ffb155}.deck.selected{border-color:var(--accent)}.deck-head{display:flex;align-items:center;gap:10px;letter-spacing:1.5px;font-size:10px;margin-bottom:12px}.deck-label{background:#111820;border:1px solid var(--accent);color:var(--accent);font-size:20px;font-weight:900;width:35px;height:35px;display:grid;place-items:center;border-radius:5px}.deck-head>span:nth-child(2){flex:1}.deck-head small{display:block;font-size:8px;color:var(--accent);margin-top:5px}.screen{background:#070d13;border:1px solid #44535c;border-radius:5px;padding:12px;box-shadow:inset 0 2px 10px #000}.screen h2{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;color:#f2f6fb}.screen p{font-size:10px;color:#97aabc;margin:6px 0 12px}.readouts{display:flex;justify-content:space-between;gap:5px}.readouts span{display:block;color:#8ba5b4;font-size:8px;letter-spacing:1px}.readouts strong{font-family:Courier New,monospace;font-size:24px;font-weight:400;color:var(--accent);display:block;margin:4px 0 10px}.wave-wrap{height:57px;position:relative;overflow:hidden;border-top:1px solid #293b45}.wave-wrap canvas{height:100%;width:100%;display:block;cursor:crosshair;touch-action:none}.wave-caption{position:absolute;bottom:2px;left:7px;font-size:7px;letter-spacing:1px;color:#c3d5de;pointer-events:none;text-shadow:0 1px #000}.seek-label{display:flex;gap:8px;align-items:center;color:#a8b7c1;font-size:9px}.platter-zone{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px 0}.jog{width:190px;height:190px;border-radius:50%;padding:7px;background:linear-gradient(135deg,#434b55,#080a0d 50%,#343b44);border:3px solid #3b454f;box-shadow:0 8px 14px #000b,inset 0 1px #9fa9b3}.jog.playing{border-color:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 40%,transparent),0 8px 14px #000b}.platter{height:100%;border-radius:50%;background:repeating-radial-gradient(circle at center,#282e36 0,#292f37 2px,#333a42,#292f37 4px);position:relative;display:grid;place-items:center;border:1px solid #59616b}.jog-center{width:106px;height:106px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#253342,#03070c 75%);border:2px solid #4d5b67;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--accent);box-shadow:0 3px 8px #000}.jog-center span{font-size:8px;letter-spacing:2px}.jog-center b{font-size:43px;font-weight:400}.jog-center small{font-size:6px;letter-spacing:1px}.platter>i{position:absolute;inset:6px;border-radius:50%;pointer-events:none}.platter>i:before{content:"";display:block;background:var(--accent);height:9px;width:3px;margin:auto}.control{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.control>span{font-size:8px;color:#bec9d1;letter-spacing:1px;white-space:nowrap}.control output{font-family:monospace;font-size:10px;color:#d1dee5}.control.vertical input{writing-mode:vertical-lr;direction:rtl;width:30px;height:124px;min-height:0}.control.vertical{gap:7px}.transport{display:flex;gap:9px}.transport button{flex:1;font-size:10px}.transport .cue{border-color:#e9b565;color:#ffdba1;background:linear-gradient(#342818,#17130e)}.transport .play{border-color:var(--accent);color:var(--accent);background:linear-gradient(#19313a,#0b1216)}.transport .play.active{color:#071017;background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 25%,transparent)}.deck-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px}.deck-bottom label{font-size:9px;color:#acbac5}.deck-bottom input{font-size:11px;margin-left:6px;min-height:36px}.deck-bottom button{font-size:9px}.mixer{background:linear-gradient(90deg,#161b20,#242a30 50%,#161b20);padding:14px 12px;border:1px solid #4d535b;border-radius:6px;display:flex;flex-direction:column}.mixer-title{display:flex;flex-direction:column;align-items:center;gap:9px;padding:7px 0 25px;font-size:9px;letter-spacing:2px;color:#a7b2bd}.mixer-title b{font-size:16px;color:#d5dfe7;letter-spacing:4px}.channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.channel{--accent:#56d6f1;display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:10px 5px;background:#10151a;border:1px solid #303740;border-radius:5px}.channel-B,.channel-D{--accent:#ffb155}.channel-name{text-align:center;color:var(--accent);font-size:17px;font-weight:700}.channel>.control input{height:27px}.fader-strip{display:flex;align-items:center;justify-content:center;gap:2px;padding-top:10px}.fader-strip .vertical input{height:164px}.meter{display:flex;flex-direction:column-reverse;gap:3px;width:8px;flex-shrink:0;height:142px}.meter i{background:#1a352c;height:7px;border-radius:1px}.meter .amber{background:#3e361b}.meter .red{background:#41221d}.meter .lit{background:#5fe1a0;box-shadow:0 0 3px #5fe1a055}.meter .lit.amber{background:#ffd269}.meter .lit.red{background:#ff6e61}.assign{text-align:center;font-size:6px;letter-spacing:.5px;color:#b5c5d2}.assign select{display:block;width:100%;padding:8px 1px;font-size:9px;margin-top:7px;min-height:40px}.master-strip{margin:35px 5px 24px;display:flex;align-items:center;gap:15px}.master-strip .control{flex:1}.master-strip .meter{height:40px;flex-direction:row;width:90px;align-items:center;gap:3px}.master-strip .meter i{height:18px;width:4px}.cross{margin:0 5px 26px}.cross>div{display:flex;justify-content:space-between;color:#c1ccd5;font-size:8px;letter-spacing:1px;margin-bottom:8px}.cross input{height:45px}.cross small{display:block;text-align:center;color:#92a5b3;font-size:8px;margin-top:7px}.fx{border:1px solid #3b444d;background:#11171c;padding:15px 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fx span{font-size:9px;color:#bdc8d0;flex:1}.fx small{width:100%;font-size:9px;color:#9baab6}.reset{margin-top:auto;padding-top:14px;padding-bottom:14px}.status{margin:18px 25px;padding:13px 17px;border:1px solid #2c515e;background:#0e1e27;color:#ccdfeb;border-radius:5px;min-height:46px;font-size:12px;overflow-wrap:anywhere}.library{margin:0 25px;background:#151a20;border:1px solid #3b454e;border-radius:8px;padding:20px}.library-head{display:flex;gap:18px;align-items:center}.library-head>div{flex:1}.library h2{font-size:13px;letter-spacing:2px;margin:0 0 7px}.library p{font-size:10px;color:#a5b6c4;margin:0}.library-head input{width:250px;min-height:40px}.import{border-color:#49849b;color:#8ee4fa}.remember{display:flex;align-items:center;gap:8px;margin:18px 0;font-size:10px;color:#b2c4d0;line-height:1.5}.remember input{width:20px;height:20px}.track-row{display:flex;align-items:center;gap:18px;padding:12px 5px;border-top:1px solid #2b343e;font-size:11px}.track-icon{font-size:19px;color:#829cae}.track-title{flex:1;min-width:0}.track-title strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-title span{display:block;color:#a3b5c3;margin-top:5px;font-size:10px}.track-time{font-family:monospace;color:#c7d8e4}.track-bpm{min-width:65px}.track-bpm small{font-size:8px;color:#a1b1bf}.load-buttons{display:flex;gap:6px}.load-buttons button{min-width:40px;color:#80deff;border-color:#3c7b91}.load-buttons .load-B,.load-buttons .load-D{color:#ffc780;border-color:#96713a}.empty{padding:38px 12px;text-align:center;color:#b5c7d5;border:1px dashed #3e5160;border-radius:6px}.empty b{font-size:16px;font-weight:400}.empty p{margin:12px 0}.empty small{font-size:10px}footer{display:flex;justify-content:space-between;gap:15px;padding:18px 28px;font-size:8px;color:#9badba;letter-spacing:1px}.modal-backdrop{position:fixed;inset:0;background:#000c;z-index:10;display:grid;place-items:center;padding:20px}.settings{width:min(600px,100%);max-height:85dvh;overflow-y:auto;background:#1b242d;border:1px solid #5b727f;border-radius:8px;padding:25px;line-height:1.7;box-shadow:0 10px 60px #000}.settings p{font-size:13px;color:#c3d5e2}.close{float:right}.settings h2{font-size:18px}@media(min-width:1600px){.platter-zone{padding:15px 0}.jog{width:225px;height:225px}.deck{padding:18px}.screen{padding:14px}.readouts strong{font-size:28px}.console{grid-template-columns:1fr .8fr 1fr}.channel{padding:12px 8px;gap:23px}.fader-strip .vertical input{height:230px}.fader-strip .meter{height:200px}.fader-strip .meter i{height:11px}.mixer-title{padding-bottom:35px}.fx{margin-bottom:20px}.reset{margin-top:12px}}@media(max-width:1200px)and (min-width:761px){header{padding:20px}.brand h1{display:block;margin:8px 0 0;font-size:14px}.header-right{gap:8px}.header-right a{display:none}.console{grid-template-columns:1fr 310px 1fr;margin:0 10px;padding:8px;gap:7px}.deck{padding:10px}.jog{width:145px;height:145px}.jog-center{width:85px;height:85px}.jog-center b{font-size:32px}.platter-zone{gap:8px}.readouts strong{font-size:18px}.readouts span{font-size:6px}.transport{gap:5px}.transport button{padding:8px 4px;font-size:8px}.deck-head{gap:7px}.deck-head button{padding:8px 4px;font-size:8px}.deck-head>span:nth-child(2){font-size:8px}.channel{gap:15px}.control>span{letter-spacing:0;font-size:7px}.deck-bottom{gap:5px}.deck-bottom input{width:61px}.deck-bottom button{padding:8px 5px;font-size:7px}.track-row{gap:10px}}@media(max-width:1000px)and (min-width:761px){.deck:not(.in-pair){display:none}.pair-selector{display:flex;gap:8px}.pair-selector .active{border-color:#66d7f3;color:#66d7f3}.console{grid-template-columns:minmax(0,1fr) 280px minmax(0,1fr)}.deck-bank{display:flex;align-items:stretch}.deck{width:100%}.mixer-title{padding-bottom:10px}.channel{gap:8px;padding:8px 3px}.master-strip{margin:15px 5px}.cross{margin-bottom:12px}.reset{margin-top:14px}.fader-strip .vertical input,.fader-strip .meter{height:100px}.fx{padding:10px}.jog{width:130px;height:130px}.platter-zone{gap:4px}.platter-zone>.vertical input{height:110px}.deck{display:flex;flex-direction:column}.platter-zone{flex:1}.deck-bottom{flex-wrap:wrap}.header-right .audio-state{max-width:90px}.readouts{flex-wrap:wrap}.readouts strong{font-size:17px}.track-bpm{min-width:42px}}@media(max-width:760px){header{padding:18px 15px;align-items:flex-start;gap:10px}.brand>span{font-size:23px}.brand h1{display:block;margin:8px 0 0;font-size:12px;letter-spacing:2px}.header-right{gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.header-right a,.header-right>button:disabled{display:none}.header-right>button{font-size:8px}.audio-state{font-size:9px}.toolbar{padding:14px 12px;display:block}.toolbar>span{display:none}.mobile-nav{display:flex;gap:6px}.mobile-nav button{flex:1;min-height:42px}.mobile-nav .active{border-color:#6bd8f3;color:#a3eaff}.console{display:block;margin:0 10px;padding:8px}.deck-bank{display:contents}.deck{display:none}.mobile-deck .deck.mobile-selected{display:block}.mobile-deck .mixer,.mobile-mixer .deck{display:none}.mobile-mixer .mixer{display:flex}.deck{padding:15px}.deck-head{font-size:11px}.readouts strong{font-size:26px}.readouts span{font-size:8px}.platter-zone{gap:32px;padding:20px 0}.jog{width:min(59vw,245px);height:min(59vw,245px)}.jog-center{width:117px;height:117px}.jog-center b{font-size:44px}.platter-zone .vertical input{height:155px}.transport button{min-height:48px}.screen h2{font-size:16px}.wave-wrap{height:75px}.control>span{font-size:9px}.channel .control>span{font-size:8px}.channel{gap:16px;padding:10px 4px}.channel input{min-height:35px}.fader-strip .vertical input{height:190px}.fader-strip .meter{height:167px}.assign{font-size:7px}.assign select{font-size:10px}.mixer{padding:20px 10px}.reset{margin-top:20px}.status{margin:12px 10px;font-size:12px}.library{margin:0 10px;padding:16px}.library-head{flex-wrap:wrap;gap:12px}.library-head>div{flex-basis:100%}.library-head input{width:100%;flex:1;min-width:130px}.library-head .import{font-size:9px}.remember{font-size:11px}.track-row{flex-wrap:wrap;gap:9px;padding:14px 0}.track-title{flex-basis:calc(100% - 40px)}.track-time{margin-left:28px}.track-row>button{margin-left:auto}.track-row>button:last-child{margin-left:0}.load-buttons{gap:5px}.load-buttons button{min-width:38px;padding:8px}.track-bpm{min-width:40px}.track-row>button{font-size:8px;padding:8px}.empty{padding:25px 8px}.empty p,.empty small{font-size:12px;line-height:1.6}footer{padding:16px;flex-direction:column;line-height:1.5;font-size:9px}.settings{padding:20px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.console-lock{border:0;margin:0;padding:0;min-width:0}.session-panel{margin:18px 25px;padding:22px;background:linear-gradient(130deg,#19232d,#11171e);border:1px solid #3c5665;border-radius:8px}.session-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:17px}.session-heading h2{font-size:14px;letter-spacing:2px;margin:0 0 8px}.session-heading h2 span{font-size:9px;color:#85d9ec;margin-left:12px}.session-heading p,.session-help{color:#b2c7d6;font-size:12px;line-height:1.7;margin:0}.session-help{margin:15px 0}.record-indicator{background:#0e151c;border:1px solid #476476;border-radius:5px;padding:13px;font-family:monospace;white-space:nowrap;color:#a6dbe9}.record-indicator.is-recording{color:#ffa9a9;border-color:#b56868}.session-actions{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.session-actions label{display:flex;flex-direction:column;gap:7px;flex:1;font-size:11px;min-width:160px;color:#c4d7e5}.session-actions input{background:#09131b;border:1px solid #455e6e;border-radius:5px;padding:11px;color:#e7f0f6;min-height:42px;font-size:13px;width:100%}.record-button{border-color:#ad6363;color:#ffbfbf;min-height:44px;padding:12px 20px}.record-button.active,.header-rec.active{background:#a52d3a;color:#fff;border-color:#ff8a8a}.header-rec{border-color:#ac6d6d;color:#ffc5c5}.recording-history h3,.workspace-column h3{font-size:11px;letter-spacing:2px;color:#a3c5d7;margin:25px 0 12px}.recording-history>p{font-size:12px;color:#b1c2d0}.saved-session{display:flex;gap:15px;align-items:center;justify-content:space-between;border-top:1px solid #344654;padding:15px 0}.saved-session>div:first-child{flex:1;min-width:0}.saved-session strong,.saved-definitions strong{display:block;overflow-wrap:anywhere;font-size:13px}.saved-session p{font-size:11px;color:#aac0ce;margin:7px 0}.saved-session small{display:block;font-size:11px;color:#b8cfde;line-height:1.6}.saved-session details{font-size:10px;color:#a2bfce;margin-top:8px}.saved-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.mix-preview{width:100%;margin-top:15px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.workspace-column{min-width:0}.playlist-picker{border:1px solid #3e5768;border-radius:5px;padding:14px;margin:15px 0;max-height:220px;overflow:auto}.playlist-picker legend{font-size:11px;color:#b9d5e3}.playlist-picker label{display:flex;gap:11px;align-items:center;margin:10px 0;font-size:12px}.playlist-picker input{width:20px;height:20px;flex-shrink:0}.playlist-picker small{display:block;font-size:10px;color:#9eb9c9;margin-top:4px}.playlist-order{padding-left:24px;max-height:250px;overflow:auto}.playlist-order li{padding:5px 0;font-size:12px}.playlist-order li span{display:inline-block;max-width:calc(100% - 145px);vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:8px}.playlist-order button{margin:0 2px;min-width:36px;padding:8px}.saved-definitions article{display:flex;gap:6px;align-items:center;padding:13px 0;border-top:1px solid #344654}.saved-definitions{margin-top:18px}.saved-definitions article>div{flex:1;min-width:0}.saved-definitions small{display:block;font-size:10px;color:#adc4d5;margin-top:6px}.saved-definitions button{font-size:9px;padding:8px}.playlist-filter{color:#a0dfef;font-size:12px;margin:12px 0}.playlist-filter button{margin-left:10px;font-size:8px}@media(max-width:760px){.session-panel{margin:12px 10px;padding:17px}.session-heading{flex-direction:column;align-items:stretch;gap:12px}.session-heading h2{font-size:13px;letter-spacing:1px}.session-heading h2 span{margin-left:8px;font-size:8px}.session-heading p,.session-help{font-size:12px}.record-indicator{text-align:center}.record-button{width:100%}.saved-session{flex-direction:column;align-items:stretch}.saved-actions{justify-content:flex-start}.workspace-grid{grid-template-columns:1fr;gap:15px}.saved-definitions article{flex-wrap:wrap}.saved-definitions article>div{flex-basis:100%;margin-bottom:6px}.header-right{max-width:165px}.header-right .header-rec{display:block!important}.session-actions label{min-width:130px}.playlist-order li span{max-width:calc(100% - 130px)}.playlist-picker{max-height:260px}}