/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.grid{display:grid}.table{display:table}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}.knob{background:radial-gradient(circle at 36% 28%,#657080 0 5%,#343b47 18%,#11151c 55%,#030405 76%);border:1px solid #667080;box-shadow:inset 0 2px 2px #ffffff2e,inset 0 -5px 8px #000c,0 2px #000,0 5px 12px #000b,0 0 0 3px #080a0e}.knob:before{content:"";background:repeating-conic-gradient(from -135deg,#7e8999 0 1deg,transparent 1deg 13.5deg);opacity:.65;filter:drop-shadow(0 0 3px #8b5cff88);border:1px solid #323945;border-radius:50%;position:absolute;inset:-5px;-webkit-mask:radial-gradient(circle,#0000 0 61%,#000 63% 70%,#0000 72%);mask:radial-gradient(circle,#0000 0 61%,#000 63% 70%,#0000 72%)}.knob:after{width:3px;height:13px;box-shadow:0 0 4px #fff,0 0 10px var(--violet),0 0 18px #8b5cffaa;background:#d8caff;border-radius:2px}.knob[data-accent=cyan]:after{box-shadow:0 0 4px #fff,0 0 10px var(--cyan),0 0 18px #22e6ffaa;background:#d8fcff}.knob[data-accent=pink]:after{box-shadow:0 0 4px #fff,0 0 10px var(--pink),0 0 18px #ff3dafaa;background:#ffd4ee}.pads button{background:linear-gradient(145deg,#323944,#11151c 68%);border-color:#46505e;transition:filter .12s,box-shadow .12s,transform 60ms;position:relative;box-shadow:inset 0 1px #ffffff26,inset 0 -5px 10px #0009,0 3px 5px #000b}.pads button:before{content:"";border:1px solid #ffffff0d;border-radius:2px;position:absolute;inset:4px;box-shadow:inset 0 0 16px #8b5cff0c}.pads i{height:4px;box-shadow:0 0 4px #fff,0 0 11px var(--violet),0 0 22px #8b5cffaa;background:#c7b6ff;border-radius:3px}.deck-b .pads i{box-shadow:0 0 4px #fff,0 0 11px var(--cyan),0 0 22px #22e6ffaa;background:#c8faff}.pads button:active,.pads .pad-on{filter:brightness(1.35);box-shadow:inset 0 0 26px #8b5cff66,0 0 12px #8b5cff55}.deck-b .pads .pad-on{box-shadow:inset 0 0 26px #22e6ff55,0 0 12px #22e6ff55}.pitch,.fader,.cross input{appearance:none;background:0 0;outline:none}.pitch,.fader{width:28px}.pitch::-webkit-slider-runnable-track{background:linear-gradient(90deg,#020304,#262e39 45%,#090c11 55%,#020304);border:1px solid #343d49;border-radius:2px;width:8px;box-shadow:inset 0 0 5px #000}.fader::-webkit-slider-runnable-track{background:linear-gradient(90deg,#020304,#262e39 45%,#090c11 55%,#020304);border:1px solid #343d49;border-radius:2px;width:8px;box-shadow:inset 0 0 5px #000}.pitch::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#697483 0 18%,#222831 22% 44%,#a9b3c0 48% 55%,#1b2028 59% 78%,#5b6471 82%);border:1px solid #778291;border-radius:3px;width:28px;height:15px;margin-left:-11px;box-shadow:0 3px 5px #000,inset 0 1px #fff6}.fader::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(#697483 0 18%,#222831 22% 44%,#a9b3c0 48% 55%,#1b2028 59% 78%,#5b6471 82%);border:1px solid #778291;border-radius:3px;width:28px;height:15px;margin-left:-11px;box-shadow:0 3px 5px #000,inset 0 1px #fff6}.pitch::-moz-range-track{background:#151a21;border:1px solid #343d49;border-radius:2px;width:8px}.fader::-moz-range-track{background:#151a21;border:1px solid #343d49;border-radius:2px;width:8px}.pitch::-moz-range-thumb{background:#3b434f;border:1px solid #778291;border-radius:3px;width:28px;height:15px;box-shadow:0 3px 5px #000}.fader::-moz-range-thumb{background:#3b434f;border:1px solid #778291;border-radius:3px;width:28px;height:15px;box-shadow:0 3px 5px #000}.cross{background:linear-gradient(#0c1016,#06080b);border-radius:4px;padding:12px 10px 4px;box-shadow:inset 0 1px #ffffff0b}.cross input{height:28px}.cross input::-webkit-slider-runnable-track{background:linear-gradient(#020304,#28303b 48%,#050609 52%);border:1px solid #343d49;border-radius:2px;height:7px;box-shadow:inset 0 0 5px #000}.cross input::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(90deg,#555f6d,#151a21 23%,#b3bdc8 47% 53%,#151a21 77%,#555f6d);border:1px solid #8b96a5;border-radius:3px;width:17px;height:30px;margin-top:-12px;box-shadow:0 4px 8px #000,0 0 8px #ff3daf55}.cross input::-moz-range-track{background:#151a21;border:1px solid #343d49;height:7px}.cross input::-moz-range-thumb{background:#4b5563;border:1px solid #8b96a5;border-radius:3px;width:17px;height:30px}.cross-readout{text-align:center;color:#d9e3ef;font:8px var(--font-geist-mono);letter-spacing:.06em;grid-column:1/-1;margin-top:4px}.cross b{margin-top:2px}.transport button:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.channel-meter{opacity:.42;background:repeating-linear-gradient(0deg,#111722 0 4px,#030507 4px 6px);border:1px solid #2b3440;align-items:end;gap:2px;width:16px;height:52px;padding:2px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #000,0 0 0 1px #050609}.channel-meter:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 4px,#030507 4px 6px);position:absolute;inset:2px}.channel-meter i{height:var(--level);background:linear-gradient(0deg,#21e68e 0 64%,#e9d23c 65% 84%,#ff405f 85%);flex:1;transition:height .12s;box-shadow:0 0 4px #3cffb288}.channel-meter i+i{height:var(--peak);filter:brightness(.82)}.channel-meter.live i{animation:.38s steps(4,end) infinite alternate vu-left}.channel-meter.live i+i{animation:.31s steps(3,end) infinite alternate-reverse vu-right}@keyframes vu-left{0%{height:38%}to{height:var(--level)}}@keyframes vu-right{0%{height:24%}to{height:var(--peak)}}.channel-meter:not(.live) i{height:0;box-shadow:none}.deck-workspace{--platter-size:clamp(220px,20vw,270px);align-items:center;gap:8px;height:330px;display:grid}.deck-a .deck-workspace{grid-template-columns:48px 58px minmax(190px,1fr) 46px;grid-template-areas:"tempo controls platter meter"}.deck-b .deck-workspace{grid-template-columns:46px minmax(190px,1fr) 58px 48px;grid-template-areas:"meter platter controls tempo"}.deck-workspace .pitch-block{height:var(--platter-size);grid-area:tempo;justify-content:center}.deck-workspace .pitch{height:calc(var(--platter-size) - 55px)}.side-controls{grid-area:controls;align-content:center}.deck-workspace .platter{width:var(--platter-size);height:var(--platter-size);aspect-ratio:auto;grid-area:platter}.deck-energy{width:46px;height:var(--platter-size);background:linear-gradient(90deg,#050709,#0b1015 45%,#040607);border:1px solid #313946;border-radius:3px;grid-area:meter;padding:22px 5px 7px 15px;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #000,0 3px 9px #000b,0 0 0 1px #030405}.energy-title{text-align:center;color:#758294;width:100%;font:6px var(--font-geist-mono);letter-spacing:.1em;position:absolute;top:7px;left:0}.energy-scale{color:#465363;width:11px;font:5px var(--font-geist-mono);text-align:right;flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:22px;bottom:7px;left:2px}.energy-columns{grid-template-columns:repeat(2,1fr);gap:2px;height:100%;display:grid}.energy-column{flex-direction:column-reverse;gap:2px;min-width:0;display:flex}.energy-column i{background:#0a1012;border:1px solid #10181a;border-radius:1px;flex:1;min-height:2px;transition:background 40ms linear,box-shadow 40ms linear,opacity 40ms linear;display:block;box-shadow:inset 0 0 2px #000}.energy-column i.lit[data-band=safe],.energy-column i.peak[data-band=safe]{background:#43f4a7;border-color:#77ffc3;box-shadow:0 0 3px #43f4a7,0 0 8px #26e98f99,inset 0 1px #d9ffed}.energy-column i.lit[data-band=warm],.energy-column i.peak[data-band=warm]{background:#e7e94c;border-color:#ffff85;box-shadow:0 0 3px #ffff72,0 0 8px #e7e94c99,inset 0 1px #ffffd0}.energy-column i.lit[data-band=clip],.energy-column i.peak[data-band=clip]{background:#ff405f;border-color:#ff8295;box-shadow:0 0 3px #ff7288,0 0 9px #ff405faa,inset 0 1px #ffd2d9}.deck-energy.idle .energy-column i{opacity:0;box-shadow:none!important;background:#000!important;border-color:#0000!important}.deck-energy.live{border-color:#3cffb233;box-shadow:inset 0 0 12px #000,0 3px 9px #000b,0 0 10px #3cffb20d}.wave-bay{grid-template-rows:repeat(2,minmax(0,1fr));overflow:hidden}.wave-bay>.wave-row{grid-template-rows:minmax(0,1fr);height:100%;min-height:0;overflow:hidden}.wave-row>.wave-info{min-width:0;height:100%;min-height:0;overflow:hidden}.wave-stage{isolation:isolate;contain:size layout paint;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#050a0e;width:100%;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #000,inset 0 1px #ffffff08}.wave-stage.scratching{cursor:grabbing;box-shadow:inset 0 0 24px #000,inset 0 1px #ffffff12,0 0 12px #3cffb226}.wave-stage:before,.wave-stage:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0}.wave-stage:before{mix-blend-mode:screen;opacity:.45;background:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff05 2px 3px)}.wave-stage:after{background:linear-gradient(90deg,#0004,#0000 8% 92%,#0005),radial-gradient(at 24% 0,#9cd8d712,#0000 50%);box-shadow:inset 0 0 16px #0008}.wave-stage[data-deck=B]:after{background:linear-gradient(90deg,#0004,#0000 8% 92%,#0005),radial-gradient(at 24% 0,#d281aa12,#0000 50%);box-shadow:inset 0 0 16px #0008}.wave-stage>.wave-canvas{z-index:1;width:100%;min-width:0;height:100%;min-height:0;cursor:inherit;display:block;position:absolute;inset:0}@media (width<=1240px){.console{grid-template-columns:1fr}.mixer{order:3}.deck-workspace{--platter-size:290px}.channel-grid{min-height:400px}}@media (width<=620px){.deck .deck-workspace{--platter-size:clamp(180px,53vw,235px);gap:4px;height:280px}.deck-a .deck-workspace{grid-template-columns:32px 45px minmax(170px,1fr) 34px}.deck-b .deck-workspace{grid-template-columns:34px minmax(170px,1fr) 45px 32px}.deck-energy{width:34px;padding:20px 3px 6px 10px}.energy-title{font-size:5px}.energy-scale{width:7px;font-size:4px}.energy-column{gap:1px}.deck-workspace .pitch-block{height:var(--platter-size)}.deck-workspace .pitch{height:calc(var(--platter-size) - 48px)}.side-controls{gap:9px}.side-controls .knob{width:31px;height:31px}.mini{padding:7px 3px;font-size:6px}}.options-trigger{cursor:pointer;min-width:36px;font-size:14px;line-height:1}.options-trigger:hover,.options-trigger:focus-visible{color:#d7caff;border-color:#8b5cff99;outline:0;box-shadow:inset 0 0 15px #8b5cff22,0 0 0 2px #8b5cff2b}.options-dialog{width:100vw;max-width:none;height:100vh;max-height:none;color:var(--text);-webkit-backdrop-filter:blur(12px)saturate(.72);backdrop-filter:blur(12px)saturate(.72);background:#03050ad9;border:0;margin:0;padding:clamp(18px,4vh,46px) clamp(16px,5vw,76px);overflow:hidden}.options-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#010206c7}.options-console{--options-gap:18px;background:linear-gradient(145deg,#121722,#080b11 58%,#0b0f16);border:1px solid #3b4556;grid-template-rows:74px minmax(0,1fr) 76px;width:min(1180px,100%);height:min(790px,100%);margin:auto;display:grid;position:relative;box-shadow:inset 0 1px #ffffff14,inset 0 0 70px #121a2c4a,0 28px 80px #000,0 0 0 1px #020306}.options-console:before{content:"";z-index:5;pointer-events:none;border:1px solid #ffffff08;position:absolute;inset:5px}.options-header{z-index:1;background:linear-gradient(90deg,#0d121b,#141226 55%,#0b121a);border-bottom:1px solid #303847;grid-template-columns:44px 1fr auto 38px;align-items:center;gap:13px;padding:0 20px;display:grid;position:relative;box-shadow:inset 0 -1px #000}.options-brand-mark{background:#080b11;border:1px solid #3d4654;place-items:center;width:38px;height:38px;display:grid;position:relative;box-shadow:inset 0 0 16px #000}.options-brand-mark i{border:2px solid var(--pink);width:18px;height:18px;position:absolute;transform:rotate(45deg);box-shadow:0 0 12px #ff3daf77}.options-brand-mark span{z-index:1;font:700 8px var(--font-geist-mono);color:#fff;position:relative}.options-header>div:nth-child(2){align-items:baseline;gap:10px;display:flex}.options-header>div:nth-child(2)>span{color:#738197;font:7px var(--font-geist-mono);letter-spacing:.16em}.options-header h2{letter-spacing:.19em;margin:0;font-size:19px}.options-dirty{color:#8190a5;font:7px var(--font-geist-mono);letter-spacing:.11em;align-items:center;gap:7px;display:flex}.options-dirty i{background:#3cffb2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #3cffb288}.options-dirty.changed{color:#f0c3e1}.options-dirty.changed i{background:var(--pink);box-shadow:0 0 9px #ff3daf}.options-close{color:#8693a6;cursor:pointer;background:#0b0f16;border:1px solid #343e4d;width:32px;height:32px;padding:0;font-size:19px}.options-close:hover,.options-close:focus-visible{color:#fff;outline-offset:2px;background:#ff3daf12;border-color:#ff3daf88;outline:2px solid #ff3daf33}.options-layout{grid-template-columns:238px minmax(0,1fr);min-height:0;display:grid}.options-nav{background:linear-gradient(#090c12,#06080c);border-right:1px solid #2a3240;flex-direction:column;min-height:0;padding:17px 12px 13px;display:flex;overflow:auto}.options-nav-label{color:#485468;font:6px var(--font-geist-mono);letter-spacing:.18em;margin:0 9px 10px}.options-nav>button{color:#8490a1;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #202733;grid-template-columns:37px minmax(0,1fr);align-items:center;gap:10px;min-height:64px;padding:0 11px;display:grid;position:relative}.options-nav>button:before{content:"";background:0 0;width:2px;position:absolute;top:8px;bottom:8px;left:-12px}.options-nav>button:hover{color:#d5deea;background:#111622}.options-nav>button:focus-visible{outline-offset:-1px;outline:1px solid #8b5cff}.options-nav>button.active{color:#f5f1ff;background:linear-gradient(90deg,#8b5cff20,#101624);box-shadow:inset 0 0 22px #8b5cff0c}.options-nav>button.active:before{background:linear-gradient(var(--pink),var(--violet),var(--cyan));box-shadow:0 0 11px var(--violet)}.options-nav-symbol{color:#647188;width:32px;height:25px;font:6px var(--font-geist-mono);letter-spacing:.08em;background:#090c12;border:1px solid #343d4b;place-items:center;display:grid}.options-nav>button.active .options-nav-symbol{color:#d8cfff;background:#8b5cff16;border-color:#8b5cff77;box-shadow:inset 0 0 10px #8b5cff23}.options-nav>button span:last-child{gap:5px;min-width:0;display:grid}.options-nav b{letter-spacing:.08em;font-size:10px}.options-nav small{text-overflow:ellipsis;white-space:nowrap;color:#586579;letter-spacing:.03em;font-size:7px;overflow:hidden}.options-nav-foot{color:#4f5c6f;border-top:1px solid #202733;gap:5px;margin-top:auto;padding:13px 9px 4px;display:grid}.options-nav-foot span{font:6px var(--font-geist-mono);letter-spacing:.15em}.options-nav-foot b{color:#aeb9c8;font:8px var(--font-geist-mono)}.options-nav-foot small{font-size:7px}.options-panel{background:radial-gradient(circle at 100% 0,#18223936,#0000 40%),repeating-linear-gradient(0deg,#ffffff02 0 1px,#0000 1px 4px);flex-direction:column;min-width:0;min-height:0;padding:25px clamp(23px,3.2vw,42px) 30px;display:flex;overflow:auto}.options-panel-head{border-bottom:1px solid #2b3441;grid-template-columns:minmax(0,1fr);padding-bottom:20px;display:grid}.options-panel-head>span{color:var(--pink);font:7px var(--font-geist-mono);letter-spacing:.2em}.options-panel h3{letter-spacing:.02em;margin:7px 0 5px;font-size:25px;line-height:1}.options-panel-head p{color:#7f8da1;max-width:650px;margin:0;font-size:9px;line-height:1.55}.options-groups{gap:16px;padding-top:18px;display:grid}.options-groups fieldset{background:linear-gradient(135deg,#10151e,#0a0e14 72%);border:1px solid #2c3542;min-width:0;margin:0;padding:0 18px 14px;box-shadow:inset 0 1px #ffffff07}.options-groups legend{color:#78869a;font:7px var(--font-geist-mono);letter-spacing:.14em;background:#0d1118;padding:0 8px}.option-control{border-bottom:1px solid #202834;grid-template-columns:minmax(115px,165px) minmax(0,1fr);align-items:center;gap:20px;padding:15px 0;display:grid}.option-control:last-child{border-bottom:0}.option-label b,.option-toggle b,.option-range b{letter-spacing:.045em;font-size:9px}.option-segments{background:#06080d;border:1px solid #313a48;grid-auto-columns:1fr;grid-auto-flow:column;gap:3px;padding:3px;display:grid}.option-segments button{color:#778497;cursor:pointer;background:#0b0f16;border:1px solid #0000;place-content:center;gap:4px;min-height:46px;padding:7px 8px;font-size:8px;display:grid}.option-segments button small{color:#4f5d70;font:5px var(--font-geist-mono);letter-spacing:.11em}.option-segments button:hover{color:#eaf4ff;background:#121823}.option-segments button:focus-visible{outline:1px solid var(--cyan);outline-offset:-1px}.option-segments button.selected{color:#fff;background:linear-gradient(#2b2048,#15152b);border-color:#8b5cff88;box-shadow:inset 0 0 17px #8b5cff26,0 0 10px #8b5cff13}.option-segments button.selected small{color:#c0aef5}.option-toggle,.option-range{cursor:pointer;border-bottom:1px solid #202834;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:64px;padding:13px 0;display:grid}.option-toggle>span,.option-range>span{gap:5px;display:grid}.option-toggle small,.option-range small{color:#69778b;font-size:7px;line-height:1.4}.option-toggle input{opacity:0;pointer-events:none;position:absolute}.option-toggle i{background:#06080c;border:1px solid #3b4553;width:42px;height:20px;position:relative;box-shadow:inset 0 0 7px #000}.option-toggle i:before{content:"";background:#596574;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #000}.option-toggle input:checked+i{background:#3cffb211;border-color:#3cffb266;box-shadow:inset 0 0 10px #3cffb21a}.option-toggle input:checked+i:before{background:var(--mint);transform:translate(22px);box-shadow:0 0 9px #3cffb2}.option-toggle input:focus-visible+i{outline:2px solid var(--cyan);outline-offset:3px}.option-range>div{grid-template-columns:minmax(150px,1fr) 56px;align-items:center;gap:12px;width:min(440px,44vw);display:grid}.option-range input{width:100%;accent-color:var(--violet)}.option-range output{color:#d9e3f0;text-align:center;font:8px var(--font-geist-mono);background:#070a0f;border:1px solid #343e4c;padding:7px 6px}.option-callout{border-left:2px solid var(--cyan);color:#718095;background:#22e6ff0a;grid-template-columns:150px 1fr;align-items:center;gap:14px;min-height:54px;margin:14px 0 1px;padding:11px 13px;display:grid}.option-callout b{color:#a4eff8;letter-spacing:.045em;font-size:8px}.option-callout span{font-size:7px;line-height:1.5}.option-callout.warning{border-color:var(--pink);background:#ff3daf08}.option-callout.warning b{color:#f4acd7}.curve-preview{background:repeating-linear-gradient(90deg,#ffffff09 0 1px,#0000 1px 12.5%),repeating-linear-gradient(0deg,#ffffff07 0 1px,#0000 1px 25%);border:1px solid #28313d;height:62px;margin:14px 0 1px;position:relative}.curve-preview:before,.curve-preview:after{content:"";background:linear-gradient(90deg,var(--violet),var(--pink));transform-origin:50%;height:2px;position:absolute;top:50%;left:7%;right:7%;box-shadow:0 0 7px #8b5cff77}.curve-preview:before{transform:rotate(-18deg)}.curve-preview:after{background:linear-gradient(90deg,var(--cyan),var(--mint));transform:rotate(18deg)}.curve-preview[data-curve=equalPower]:before{transform:rotate(-10deg)translateY(-5px)}.curve-preview[data-curve=equalPower]:after{transform:rotate(10deg)translateY(-5px)}.curve-preview[data-curve=cut]:before{transform:rotate(-3deg)translateY(-9px)}.curve-preview[data-curve=cut]:after{transform:rotate(3deg)translateY(-9px)}.curve-preview span{color:#6e7b8d;font:6px var(--font-geist-mono);position:absolute;bottom:5px}.curve-preview span:nth-last-child(2){left:7px}.curve-preview span:last-child{right:7px}.options-footer{z-index:2;background:#080b11;border-top:1px solid #303947;grid-template-columns:minmax(220px,1fr) auto auto auto;align-items:center;gap:9px;height:auto;padding:12px 18px;display:grid;position:relative;box-shadow:0 -9px 24px #0007}.options-save-status{align-items:center;gap:10px;display:flex}.options-save-status>i{background:linear-gradient(var(--mint),#0f593e);width:7px;height:29px;box-shadow:0 0 8px #3cffb266}.options-save-status span{gap:4px;display:grid}.options-save-status b{color:#a9b6c6;font:7px var(--font-geist-mono);letter-spacing:.1em}.options-save-status small{color:#526074;font-size:7px}.options-footer button{color:#8794a7;letter-spacing:.09em;cursor:pointer;background:#0d1118;border:1px solid #323c4a;height:38px;padding:0 15px;font-size:7px;font-weight:800}.options-footer button:hover,.options-footer button:focus-visible{color:#fff;outline-offset:2px;border-color:#8b5cff99;outline:2px solid #8b5cff25}.options-footer .options-reset{color:#a9b5c5}.options-footer .options-cancel{border-color:#485261}.options-footer .options-apply{color:#f3eaff;background:linear-gradient(110deg,#39245d,#1e1b3d);border-color:#8b5cff;min-width:150px;box-shadow:inset 0 1px #ffffff17,0 0 14px #8b5cff1f}.options-footer .options-apply span{color:var(--cyan);margin-left:8px}.options-footer .options-apply:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}main[data-density=compact] .topbar{height:46px}main[data-density=compact] .wave-bay{height:164px}main[data-density=compact] .console{gap:4px;padding:4px}main[data-density=compact] .deck{padding:10px}main[data-density=compact] .options-console{grid-template-rows:66px minmax(0,1fr) 68px}main[data-density=compact] .options-panel{padding-top:18px}main[data-density=compact] .options-groups{gap:11px;padding-top:13px}main[data-density=compact] .option-control{padding:10px 0}main[data-density=comfortable] .topbar{height:62px}main[data-density=comfortable] .wave-bay{height:204px}main[data-density=comfortable] .console{gap:10px;padding:10px}main[data-density=comfortable] .deck{padding:17px}main[data-density=comfortable] .options-console{grid-template-rows:82px minmax(0,1fr) 84px}main[data-density=comfortable] .options-panel{padding-top:31px}main[data-density=comfortable] .options-groups{gap:20px;padding-top:22px}main[data-density=comfortable] .option-control{padding:18px 0}main[data-contrast=true]{--muted:#95a4b9;--line:#3c4758}main[data-contrast=true] .deck,main[data-contrast=true] .mixer,main[data-contrast=true] .wave-row{border-color:#526074}main[data-contrast=true] .wave-info small,main[data-contrast=true] footer{color:#9aa8bb}main[data-contrast=true] .options-console,main[data-contrast=true] .options-groups fieldset{border-color:#566276}main[data-contrast=true] .options-panel-head p,main[data-contrast=true] .option-toggle small,main[data-contrast=true] .option-range small{color:#a3b0c2}main[data-wave-motion=reduced] .wave-canvas{filter:saturate(.78)}main[data-wave-motion=reduced] .deck-spectrum{filter:saturate(.8);transition:none}main[data-wave-motion=reduced] .channel-meter.live i{animation:none}@media (width<=720px){.options-dialog{background:#04060a;padding:0}.options-console{border:0;grid-template-rows:62px minmax(0,1fr) auto;width:100%;height:100%}.options-header{grid-template-columns:34px 1fr auto 34px;gap:9px;padding:0 11px}.options-brand-mark{width:31px;height:31px}.options-header>div:nth-child(2){gap:2px;display:grid}.options-header>div:nth-child(2)>span{font-size:5px}.options-header h2{font-size:14px}.options-dirty{font-size:0}.options-dirty i{width:8px;height:8px}.options-layout{grid-template-rows:76px minmax(0,1fr);grid-template-columns:1fr}.options-nav{border-bottom:1px solid #2c3542;border-right:0;flex-direction:row;gap:4px;padding:7px 8px;display:flex;overflow:auto hidden}.options-nav-label,.options-nav-foot{display:none}.options-nav>button{border:1px solid #222b37;flex:0 0 88px;grid-template-columns:1fr;justify-items:center;gap:3px;min-height:58px;padding:4px}.options-nav>button:before{width:auto;height:2px;inset:auto 5px -8px}.options-nav-symbol{width:27px;height:17px;font-size:5px}.options-nav>button span:last-child{justify-items:center;gap:2px}.options-nav b{font-size:7px}.options-nav small{display:none}.options-panel{padding:18px 12px 22px}.options-panel h3{font-size:22px}.options-panel-head{padding-bottom:15px}.options-panel-head p{font-size:8px}.options-groups{gap:13px;padding-top:14px}.options-groups fieldset{padding:0 11px 11px}.option-control{grid-template-columns:1fr;gap:9px;padding:12px 0}.option-segments button{min-height:43px;padding:5px 3px;font-size:7px}.option-segments button small{display:none}.option-toggle,.option-range{gap:10px;min-height:60px}.option-range>div{grid-template-columns:minmax(100px,1fr) 48px;width:min(52vw,220px)}.option-callout{grid-template-columns:1fr;gap:5px}.options-footer{grid-template-columns:1fr 1fr;gap:7px;padding:9px 10px}.options-save-status{grid-column:1/-1}.options-save-status>i{height:22px}.options-save-status small{font-size:6px}.options-footer button{height:36px;padding:0 7px;font-size:6px}.options-footer .options-reset{display:none}.options-footer .options-apply{min-width:0}}@media (prefers-reduced-motion:reduce){.option-toggle i:before{transition:none}}.transport .file-load{letter-spacing:.08em;cursor:pointer;background:#0b0f15;border:1px solid #303846;border-radius:4px;justify-content:center;align-items:center;min-height:41px;font-size:9px;font-weight:800;display:flex;position:relative;overflow:hidden}.transport .file-load input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.transport .file-load.load-error{color:#ff879b;background:#ff3d5a18;border-color:#ff5b7877}.library-preview{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#111522f2;border-bottom:1px solid #ff3daf55;grid-template-columns:minmax(140px,1fr) minmax(220px,520px) 30px;align-items:center;gap:12px;padding:7px 14px;display:grid;position:sticky;top:57px}.library-preview span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.library-preview span b{color:var(--pink);margin-right:10px;font-size:7px}.library-preview audio{filter:invert(.91)hue-rotate(185deg)saturate(.7);width:100%;height:30px}.library-preview>button{height:28px;color:var(--pink);background:#ff3daf18;border:1px solid #ff3daf55}.track-preview{color:#aab6c7;letter-spacing:.09em;background:#111620;border:1px solid #343e4c;grid-column:1/-1;font-size:7px;font-weight:800}.track-preview:hover{color:#fff;border-color:#ff3daf66}@media (width<=620px){.library-preview{grid-template-columns:1fr 28px;top:92px}.library-preview span{grid-column:1/-1}.library-preview audio{min-width:0}}.music-library{background:#080b11;border:1px solid #29313e;margin:0 7px 7px;position:relative;overflow:hidden;box-shadow:0 -12px 35px #0008}.library-handle{cursor:pointer;text-align:left;letter-spacing:.11em;background:linear-gradient(90deg,#0d1119,#151125 50%,#0c1219);border:0;align-items:center;gap:12px;width:100%;height:48px;padding:0 16px;display:flex}.library-handle b{font-size:10px}.library-handle small{color:var(--pink);font-size:7px}.library-pulse{background:var(--pink);width:9px;height:9px;box-shadow:0 0 13px var(--pink);border-radius:50%}.library-count{color:#728096;font:8px var(--font-geist-mono);margin-left:auto}.library-chevron{color:var(--pink);font-size:18px;transition:transform .25s}.expanded .library-chevron{transform:rotate(180deg)}.library-body{opacity:0;height:0;transition:height .28s,opacity .2s;overflow:hidden}.expanded .library-body{opacity:1;height:min(430px,55vh);overflow:auto}.library-tools{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090c12ee;border-bottom:1px solid #222a36;justify-content:space-between;align-items:center;gap:20px;padding:12px 14px;display:flex;position:sticky;top:0}.library-tools>div{gap:3px;display:grid}.library-tools b{letter-spacing:.12em;color:#fff;font-size:9px}.library-tools span{color:#687588;font-size:8px}.library-tools form{width:min(480px,55%);display:flex}.library-tools input{color:#eaf6ff;background:#05070b;border:1px solid #303947;border-right:0;outline:none;flex:1;min-width:0;padding:9px 11px;font-size:9px}.library-tools input:focus{border-color:#ff3daf88}.library-tools button,.library-error button{color:var(--pink);background:#ff3daf22;border:1px solid #ff3daf77;padding:0 13px;font-size:8px;font-weight:800}.library-error{color:#ff90a4;background:#ff3d5a12;border:1px solid #ff5b7855;margin:12px 14px 0;padding:10px;font-size:9px}.library-error button{margin-left:8px;padding:5px 9px}.track-grid{grid-template-columns:repeat(4,minmax(230px,1fr));gap:8px;padding:10px;display:grid}.track-card{background:linear-gradient(145deg,#121722,#090c12);border:1px solid #27303d;grid-template-rows:64px 32px 30px;grid-template-columns:64px 1fr;gap:6px;min-width:0;padding:7px;display:grid;box-shadow:inset 0 1px #ffffff08}.track-card:hover{border-color:#ff3daf66}.track-art{color:#fff5;background:linear-gradient(135deg,#37245c,#133f4b) 50%/cover;place-items:center;width:64px;height:64px;font-size:22px;display:grid}.track-art span{filter:drop-shadow(0 2px 5px #000)}.track-copy{flex-direction:column;justify-content:center;gap:4px;min-width:0;display:flex}.track-copy b,.track-copy span,.track-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.track-copy b{letter-spacing:.04em;font-size:9px}.track-copy span{color:#98a4b5;font-size:8px}.track-copy small{color:var(--pink);font-size:7px}.track-card audio{filter:invert(.91)hue-rotate(185deg)saturate(.7);opacity:.75;grid-column:1/-1;width:100%;height:30px}.track-load{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:5px;display:grid}.track-load button{color:#cbbaff;letter-spacing:.09em;background:#8b5cff18;border:1px solid #8b5cff66;font-size:7px;font-weight:850}.track-load button+button{color:#8ef3ff;background:#22e6ff15;border-color:#22e6ff66}.track-load button:disabled{opacity:.45}.skeleton{background:linear-gradient(100deg,#0d1118 30%,#171d28 50%,#0d1118 70%) 0 0/220% 100%;height:145px;animation:1.2s infinite library-shimmer}@keyframes library-shimmer{to{background-position:-220% 0}}@media (width<=1100px){.track-grid{grid-template-columns:repeat(2,minmax(230px,1fr))}}@media (width<=620px){.music-library{margin:0 4px 4px}.library-tools{flex-direction:column;align-items:stretch;gap:9px}.library-tools form{width:100%}.track-grid{grid-template-columns:1fr}.library-count{display:none}.expanded .library-body{height:65vh}}:root{--bg:#05060a;--panel:#0a0d13;--panel2:#10151e;--line:#222936;--text:#eaf6ff;--muted:#718096;--violet:#8b5cff;--cyan:#22e6ff;--pink:#ff3daf;--mint:#3cffb2}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text);font-family:var(--font-geist-sans),Arial,sans-serif;background:radial-gradient(circle at 50% -30%,#22223b 0,#090b11 45%,#030407 100%);margin:0}button,input,select{font:inherit}button{color:inherit}.topbar{letter-spacing:.12em;background:#07090e;border-bottom:1px solid #252a35;justify-content:space-between;align-items:center;height:54px;padding:0 20px;font-size:10px;display:flex}.brand{font-size:15px;font-weight:850}.brand i{border:2px solid var(--pink);width:10px;height:10px;box-shadow:0 0 12px var(--pink);margin-right:9px;display:inline-block;transform:rotate(45deg)}.brand span{color:var(--pink);vertical-align:top;font-size:8px}.session,.top-actions{align-items:center;gap:22px;display:flex}.session b{font:13px var(--font-geist-mono)}.online{color:var(--mint)}.top-actions button{background:#10141d;border:1px solid #2b3340;border-radius:4px;padding:7px 11px}.top-actions .recording{color:#ff5b78;box-shadow:inset 0 0 15px #ff3d5a22}.wave-bay{background:#080a0f;border-bottom:1px solid #262c38;gap:6px;height:186px;padding:10px 20px;display:grid}.wave-row{background:#070a10;border:1px solid #1c2330;grid-template-columns:210px 1fr;min-height:0;display:grid}.wave-info{border-right:1px solid #222938;grid-template-columns:35px 1fr auto;align-items:center;padding:0 12px;display:grid}.wave-info>b{color:var(--violet);font-size:22px}.wave-row+.wave-row .wave-info>b{color:var(--cyan)}.wave-info span{letter-spacing:.08em;font-size:11px}.wave-info small{color:var(--muted);margin-top:3px;font-size:8px;display:block}.wave-info time{font:10px var(--font-geist-mono);color:#9eabbc}.wave-canvas{width:100%;height:100%;display:block}.console{grid-template-columns:minmax(360px,1fr) 340px minmax(360px,1fr);gap:7px;min-height:680px;padding:7px;display:grid}.deck,.mixer{background:linear-gradient(145deg,#11151d,#080a0f 65%);border:1px solid #29303c;position:relative;box-shadow:inset 0 1px #ffffff0a,0 10px 30px #0008}.deck{padding:14px}.deck:before,.mixer:before{content:"";pointer-events:none;background:linear-gradient(115deg,#fff0 30%,#ffffff05 50%,#fff0 70%);position:absolute;inset:0}.deck-head{isolation:isolate;background:#070a10;border:1px solid #29313f;border-radius:3px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;height:66px;padding:0 11px;display:grid;position:relative;overflow:hidden}.deck-head:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(90deg,#070a10e8 0,#070a1088 22%,#070a104a 58%,#070a10d4 100%),repeating-linear-gradient(0deg,#fff0 0 3px,#ffffff06 3px 4px);position:absolute;inset:0}.deck-spectrum{z-index:0;opacity:.5;filter:saturate(1.15);transition:opacity .2s;position:absolute;inset:0;overflow:hidden}.deck-spectrum:empty{background:linear-gradient(#8b5cff05,#8b5cff1b 72%,#8b5cff08),repeating-linear-gradient(90deg,#8b5cff24 0 1px,#0000 1px 7px);-webkit-mask-image:linear-gradient(#0000 32%,#000);mask-image:linear-gradient(#0000 32%,#000)}.deck-b .deck-spectrum:empty{background:linear-gradient(#22e6ff05,#22e6ff1b 72%,#22e6ff08),repeating-linear-gradient(90deg,#22e6ff24 0 1px,#0000 1px 7px)}.deck-spectrum.live{opacity:.78}.deck-spectrum canvas{display:block;inset:0;width:100%!important;height:100%!important;position:absolute!important}.deck-letter,.deck-track,.bpm{z-index:2;text-shadow:0 2px 8px #000;position:relative}.deck-letter{color:var(--violet);font-size:26px;font-weight:900}.deck-b .deck-letter{color:var(--cyan)}.deck-track{min-width:0}.deck-head div>b,.deck-head small{display:block}.deck-head div>b{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.08em;font-size:12px;overflow:hidden}.deck-head small{color:#94a0b1;margin-top:4px;font-size:8px}.bpm{text-align:right;padding-left:14px}.bpm strong{font:22px var(--font-geist-mono);color:#fff}.deck-workspace{grid-template-columns:58px 1fr 65px;align-items:center;gap:8px;height:330px;display:grid}.pitch-block{color:#768196;letter-spacing:.12em;flex-direction:column;align-items:center;gap:8px;height:260px;font-size:7px;display:flex}.pitch{writing-mode:vertical-lr;height:205px;accent-color:var(--violet);direction:rtl}.deck-b .pitch{accent-color:var(--cyan)}.pitch-block output{font:8px var(--font-geist-mono);color:#cdd6e3}.platter{aspect-ratio:1;touch-action:none;cursor:grab;background:repeating-radial-gradient(circle,#181d25 0 3px,#080a0e 4px 7px);border:8px solid #252c35;border-radius:50%;width:min(29vw,280px);margin:auto;position:relative;box-shadow:0 0 0 1px #4b5564,inset 0 0 35px #000,0 13px 25px #000a}.platter:active{cursor:grabbing}.platter-dots{border:3px dotted #7b8490;border-radius:50%;position:absolute;inset:-5px}.vinyl{background:repeating-radial-gradient(circle,#0b0d11 0 2px,#171a20 3px 4px);border-radius:50%;position:absolute;inset:13%;box-shadow:inset 0 0 25px #000}.vinyl-label{color:#090b10;background:radial-gradient(circle,#d6ccff,#8b5cff 60%,#332b5b);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:34%}.deck-b .vinyl-label{background:radial-gradient(circle,#d3fbff,#22e6ff 60%,#174c55)}.vinyl-label b{font-size:20px}.vinyl-label span{font-size:8px}.playhead{background:linear-gradient(#fff,var(--pink));width:3px;height:46%;box-shadow:0 0 12px var(--pink);transform-origin:bottom;position:absolute;top:4%;left:50%}.spinning .vinyl{animation:3.5s linear infinite spin}.spinning .platter-dots{animation:7s linear infinite reverse spin}@keyframes spin{to{transform:rotate(360deg)}}.side-controls{justify-items:center;gap:12px;display:grid}.mini{background:#0d1118;border:1px solid #313b49;border-radius:3px;padding:8px 5px;font-size:7px}.mini.active{color:var(--mint);border-color:#3cffb266}.knob-wrap{color:#7e8999;letter-spacing:.08em;justify-items:center;gap:5px;font-size:7px;display:grid}.knob{--turn:0deg;background:radial-gradient(circle at 40% 32%,#485160,#161b22 46%,#050608 68%);border:1px solid #596271;border-radius:50%;width:36px;height:36px;display:block;position:relative;box-shadow:0 4px 8px #000}.knob:after{content:"";background:var(--violet);transform-origin:1px 14px;width:2px;height:12px;transform:rotate(var(--turn));position:absolute;top:4px;left:50%;box-shadow:0 0 6px}.knob[data-accent=cyan]:after{background:var(--cyan)}.knob[data-accent=pink]:after{background:var(--pink)}.knob input{opacity:0;cursor:ns-resize;width:100%;position:absolute;inset:0}.transport{grid-template-columns:72px 72px 1fr 1fr;gap:7px;margin-bottom:10px;display:grid}.transport button{letter-spacing:.08em;background:#0b0f15;border:1px solid #303846;border-radius:4px;min-height:41px;font-size:9px;font-weight:800}.transport .play{border-color:#8b5cff77;font-size:18px}.deck-b .transport .play{border-color:#22e6ff77}.transport .play.active,.cue.lit,.loop.active{background:#8b5cff33;box-shadow:inset 0 0 20px #8b5cff44}.deck-b .transport .play.active{background:#22e6ff22}.pads{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.pads button{text-align:left;color:#8590a0;background:linear-gradient(#252b35,#12161d);border:1px solid #3a4350;border-radius:4px;height:54px;padding:7px;font-size:7px}.pads i{background:#8b5cff;width:9px;height:3px;margin-bottom:20px;display:block;box-shadow:0 0 8px #8b5cff}.deck-b .pads i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.pads button:active,.pads .pad-on{background:#8b5cff44;transform:translateY(1px);box-shadow:inset 0 0 20px #8b5cff55}.deck-b .pads .pad-on{background:#22e6ff33}.mixer{padding:12px 10px}.mixer-top{color:#8a96a7;border-bottom:1px solid #29313e;justify-content:space-around;align-items:center;height:58px;font-size:8px;display:flex}.mixer-top .knob{width:31px;height:31px}.channel-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:12px 0;display:grid}.channel{border-right:1px solid #242b37;justify-items:center;gap:8px;padding:0 2px;display:grid}.channel:last-child{border:0}.ch{font:8px var(--font-geist-mono);color:#aeb7c4}.channel .knob{width:29px;height:29px}.channel .knob:after{height:9px}.meter{background:#05070a;align-items:end;gap:3px;width:28px;height:67px;padding:3px;display:flex}.meter i{background:linear-gradient(#ff4a70 0 12%,#ffd447 13% 28%,var(--mint) 29%);flex:1;box-shadow:0 0 5px #3cffb266}.fader{writing-mode:vertical-lr;accent-color:#eaf6ff;direction:rtl;height:110px}.channel button{background:#0d1118;border:1px solid #303745;border-radius:3px;padding:6px;font-size:7px}.channel button.on{color:var(--pink);border-color:#ff3daf77}.fx-rack{border:1px solid #2a3240;align-items:center;gap:8px;margin:8px 0 18px;padding:10px;font-size:8px;display:flex}.fx-rack select{color:#dfe8f5;background:#080b10;border:1px solid #303947;flex:1;padding:7px;font-size:8px}.fx-on{color:var(--pink);background:#ff3daf22;border:1px solid #ff3daf77;padding:7px}.cross{color:#8390a2;grid-template-columns:12px 1fr 12px;align-items:center;gap:6px;font-size:9px;display:grid}.cross input{width:100%;accent-color:var(--pink)}.cross b{text-align:center;letter-spacing:.12em;grid-column:1/-1;margin-top:5px;font-size:7px}footer{color:#687486;letter-spacing:.09em;background:#080a0f;border-top:1px solid #242b37;align-items:center;gap:25px;height:34px;padding:0 15px;font-size:7px;display:flex}footer b{color:var(--mint)}footer .hint{color:#4f5b6b;margin:auto}@media (width<=1050px){.console{grid-template-columns:1fr}.mixer{order:3}.platter{width:270px}.wave-row{grid-template-columns:165px 1fr}.console{min-height:auto}.channel-grid{min-height:400px}.wave-bay{height:160px}}@media (width<=620px){.topbar{padding:0 10px}.session span,.hint{display:none!important}.wave-bay{height:145px;padding:6px}.wave-row{grid-template-columns:100px 1fr}.wave-info{grid-template-columns:20px 1fr;padding:0 5px}.wave-info time{display:none}.console{padding:4px}.deck{padding:9px}.deck-head{grid-template-columns:34px minmax(0,1fr) auto;height:60px;padding:0 7px}.deck-head div>b{font-size:10px}.deck-letter{font-size:23px}.bpm{padding-left:8px}.bpm strong{font-size:18px}.deck-workspace{grid-template-columns:38px 1fr 54px;height:290px}.platter{width:min(58vw,245px)}.pitch-block{height:220px}.pitch{height:165px}.transport{grid-template-columns:repeat(2,1fr)}footer{gap:10px;overflow:hidden}.pads button{height:50px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}