.dj-root{color:#d7dae0;-webkit-user-select:none;user-select:none;background:radial-gradient(130% 90% at 50% -10%,#6074a821,#0000 55%),radial-gradient(150% 120% at 50% 115%,#0009,#0000 55%),linear-gradient(#131419,#0b0c0f);flex-direction:column;height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:11px;display:flex;position:relative;overflow:hidden}.dj-root:before{content:"";pointer-events:none;z-index:60;opacity:.035;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.6 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");position:absolute;inset:0}.topbar{z-index:5;background:repeating-linear-gradient(90deg,#ffffff04 0 1px,#0000 1px 3px),linear-gradient(#33353d,#22242a 55%,#1a1c21);border-bottom:1px solid #000;flex-shrink:0;align-items:center;gap:8px;height:34px;padding:0 10px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff17,0 1px #000,0 4px 14px #00000080}.topbar-left,.topbar-right{flex:1;align-items:center;gap:8px;display:flex}.topbar-right{justify-content:flex-end}.tb-rec{color:#aab;align-items:center;gap:5px;font-size:10px;display:flex}.tb-rec b{color:#eee;font-weight:600}.tb-rec-dot{background:radial-gradient(circle at 35% 30%,#ff7b7b,#c81e1e 70%);border-radius:50%;width:8px;height:8px;box-shadow:0 0 6px #f33}.tb-sep{background:#3a3d44;width:1px;height:16px}.tb-item{color:#cfd3da;padding:2px 4px;font-size:10px}.tb-item.dim{color:#7d828c}.tb-clock{color:#9aa0aa;font-size:10px}.topbar-brand{align-items:center;gap:5px;display:flex}.tb-logo-mark{width:15px;height:15px;display:block}.tb-logo{letter-spacing:-.5px;color:#f0f1f4;font-size:15px;font-style:italic;font-weight:700}.tb-logo-dj{color:#5f8bff;letter-spacing:1px;font-size:10px;font-weight:600}.tb-master-vu .vu{background:#101114;border-color:#2e3138}.tb-master-knob{background:radial-gradient(circle at 35% 30%,#5a5e68,#23252b 65%),#23252b;border:1px solid #000;border-radius:50%;width:22px;height:22px;position:relative;box-shadow:inset 0 1px 1px #ffffff26,0 1px 3px #0009}.tb-master-knob:after{content:"";transform-origin:50% 9px;background:#ffb340;border-radius:1px;width:2px;height:7px;position:absolute;top:2px;left:50%;transform:translate(-50%)rotate(20deg)}.dj-stage{background:radial-gradient(140% 120% at 50% -20%,#ffffff06,#0000 50%),radial-gradient(120% 130% at 50% 120%,#00000080,#0000 55%),#141519;flex-shrink:0;grid-template-columns:320px 1fr 320px;gap:6px;padding:6px;display:grid}.deck{background:repeating-linear-gradient(#ffffff04 0 1px,#0000 1px 3px),repeating-linear-gradient(#00000008 0 1px,#0000 1px 5px),linear-gradient(174deg,#2c2e35 0%,#22242a 40%,#191b20 100%);border:1px solid #050608;border-radius:6px;flex-direction:column;gap:8px;padding:8px;display:flex;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0000008c,0 3px 10px #0000008c,0 1px 2px #0006}.deck-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.deck-title-wrap{min-width:0}.deck-title{color:#f4f5f7;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.deck-artist{color:#8b909a;font-size:10px}.deck-meta{flex-shrink:0;gap:4px;display:flex}.deck-bpm,.deck-key{background:linear-gradient(#0a0b0e,#101115);border:1px solid #050608;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:600;box-shadow:inset 0 1px 4px #000000d9,0 1px #ffffff0d}.deck-bpm{color:#ffd60a;text-shadow:0 0 6px #ffd60a80}.deck-key{color:#30d158;text-shadow:0 0 6px #30d15880}.bpm-adj{gap:2px;display:flex}.bpm-adj button{color:#9aa0aa;cursor:pointer;background:linear-gradient(#2b2e35,#1c1e24);border:1px solid #050608;border-radius:3px;padding:0 4px;font-size:8px;font-weight:700;box-shadow:inset 0 1px #ffffff1f}.bpm-adj button:hover{filter:brightness(1.2)}.bpm-adj button:active{transform:translateY(1px)}.bpm-adj button:disabled{opacity:.35;cursor:default}.deck-overview-row{align-items:center;gap:8px;display:flex}.deck-time{background:linear-gradient(#07080b,#0c0d11);border:1px solid #04050a;border-radius:4px;flex-direction:column;flex-shrink:0;justify-content:center;padding:3px 8px;font-family:SF Mono,Cascadia Mono,monospace;display:flex;box-shadow:inset 0 2px 7px #000000e6,inset 0 -1px #ffffff0a,0 1px #ffffff0d}.deck-time-elapsed{color:#dceaff;text-shadow:0 0 7px #8cb4ff80;font-size:13px}.deck-time-remain{color:#ff9f0a;text-shadow:0 0 6px #ff9f0a73;font-size:10px}.deck-overview{background:#08090c;border:1px solid #04050a;border-radius:3px;flex:1;overflow:hidden;box-shadow:inset 0 2px 8px #000000e6,0 1px #ffffff0b}.deck-platter-row{gap:10px;display:flex}.deck-transport{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.deck-transport-btns{gap:6px;display:flex}.deck-transport-btns.row{gap:8px}.platter-wrap{border-radius:50%;flex-shrink:0;position:relative}.platter-gl{filter:drop-shadow(0 5px 10px #000000bf);border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.platter-label-gl{text-align:center;pointer-events:none;will-change:transform;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;inset:33%;overflow:hidden}.platter-label-gl .platter-label-text,.platter-label-gl .platter-label-sub,.platter-label-gl .platter-label-rpm{text-shadow:0 1px #0006}.platter-ring{background:conic-gradient(from 200deg,#4a4e58,#191b20,#4a4e58,#23252b,#4a4e58,#191b20,#4a4e58);border-radius:50%;position:absolute;inset:0;box-shadow:0 4px 12px #000c,inset 0 1px 2px #fff3,inset 0 -2px 4px #0009}.platter-vinyl{background:radial-gradient(circle,#15161a 55%,#0c0d10 100%);border-radius:50%;animation:1.8s linear infinite platter-spin;position:absolute;inset:5px;box-shadow:inset 0 0 12px #000000e6}@keyframes platter-spin{to{transform:rotate(360deg)}}.platter-grooves{background:repeating-radial-gradient(circle,#0000 0 2px,#ffffff0e 2px 2.6px);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#0000 28%,#000 30%);mask-image:radial-gradient(circle,#0000 28%,#000 30%)}.platter-sheen{background:conic-gradient(from 310deg,#0000 0deg,#ffffff12 25deg,#0000 60deg 180deg,#ffffff0d 215deg,#0000 250deg);border-radius:50%;position:absolute;inset:0}.platter-label{background:radial-gradient(circle at 40% 35%, #333 0%, var(--label-accent,#c22) 0%) 0 0, radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--label-accent,#c22) 85%, white), var(--label-accent,#c22) 70%);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:6px;display:flex;position:absolute;inset:30%;overflow:hidden;box-shadow:inset 0 1px 2px #ffffff59,0 0 4px #0009}.platter-label-text{color:#fffffff2;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:5.5px;font-weight:700;line-height:1.1;display:-webkit-box;overflow:hidden}.platter-label-sub{color:#ffffffb3;font-size:4.5px}.platter-label-rpm{color:#ffffff80;margin-top:1px;font-size:4px}.platter-art{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.platter-spindle{background:radial-gradient(circle at 35% 30%,#ddd,#666 70%);border-radius:50%;width:5px;height:5px;margin:-2.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 2px #000}.platter-marker{opacity:.85;background:linear-gradient(#fff,#fff6);border-radius:2px;width:3px;height:22%;margin-left:-1.5px;position:absolute;top:6%;left:50%;-webkit-mask-image:radial-gradient(circle,#0000 29%,#000 31%);mask-image:radial-gradient(circle,#0000 29%,#000 31%)}.platter-edge-dot{background:#555;border-radius:50%;width:5px;height:5px;position:absolute;top:50%;right:6%;box-shadow:inset 0 1px 1px #ffffff4d}.deck-pitch{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;width:30px;display:flex}.pitch-label{color:#8b909a;font-size:10px;font-weight:600}.pitch-value{color:#cfd3da;font-family:monospace;font-size:9px}.pitch-track{background:linear-gradient(90deg,#07080a,#141519 50%,#07080a);border:1px solid #04050a;border-radius:4px;flex:1;width:22px;min-height:90px;position:relative;box-shadow:inset 0 3px 7px #000000e6,inset 0 -1px #ffffff0a,0 1px #ffffff0a}.pitch-ticks{background:repeating-linear-gradient(#ffffff24 0 1px,#0000 1px 9px);position:absolute;inset:6px 0;-webkit-mask-image:linear-gradient(90deg,#000 2px,#0000 2px calc(100% - 2px),#000 calc(100% - 2px));mask-image:linear-gradient(90deg,#000 2px,#0000 2px calc(100% - 2px),#000 calc(100% - 2px))}.pitch-center{background:#ffffff4d;height:1px;position:absolute;top:50%;left:0;right:0}.pitch-thumb{background:linear-gradient(#82868f,#42454d 42%,#1e2025 55%,#565a64);border:1px solid #04050a;border-radius:3px;justify-content:center;align-items:center;height:16px;display:flex;position:absolute;left:-3px;right:-3px;transform:translateY(-50%);box-shadow:0 2px 5px #000000bf,inset 0 1px 1px #ffffff59,inset 0 -1px 1px #0006}.deck-pads{flex-direction:column;gap:5px;display:flex}.pad-row{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.pad-labels{color:#6b7078;letter-spacing:.5px;justify-content:space-around;font-size:8px;display:flex}.mix-sections{flex-direction:column;gap:5px;min-width:104px;padding-top:9px;display:flex;overflow-y:auto}.mix-sections .section-chips{flex-direction:column;align-items:stretch}.section-tools{flex-wrap:wrap;gap:4px;display:flex}.section-head{justify-content:space-between;align-items:center;display:flex}.pads-label{color:#6b7078;letter-spacing:.5px;font-size:8px}.section-chips{flex-wrap:wrap;gap:4px;min-height:20px;display:flex}.section-chip{letter-spacing:.3px;cursor:pointer;color:#b8bcc6;background:linear-gradient(#ffffff0f,#00000040),#1e2127;border:1px solid #2b2e36;border-radius:3px;padding:4px 8px;font-size:8px;font-weight:700;position:relative;box-shadow:inset 0 1px #ffffff14,0 1px 2px #0006}.section-chip:hover{filter:brightness(1.2)}.section-chip.in-seq{color:#fff;background:linear-gradient(#fff3,#00000026),#934c9f;border-color:#804389;box-shadow:0 0 8px #e879f959,inset 0 1px #fff3}.section-chip.now{animation:.9s ease-in-out infinite chip-now}@keyframes chip-now{50%{box-shadow:0 0 14px #e879f9b3,inset 0 1px #fff3}}.seq-num{color:#ffd6ff;text-align:center;background:#0006;border-radius:2px;min-width:10px;margin-right:4px;padding:0 2px;font-size:7px;display:inline-block}.section-hint{color:#5b5f6a;align-self:center;font-size:8px;font-style:italic}.cue-pad{border:1px solid color-mix(in srgb, var(--pad,#3a3f4a) 30%, #05060a);color:#cfd3da;cursor:pointer;background:linear-gradient(180deg, #ffffff1f, #ffffff05 45%, #0000004d), color-mix(in srgb, var(--pad,#3a3f4a) 26%, #1c1f26);border-radius:4px;justify-content:center;align-items:center;gap:4px;height:22px;font-size:8px;font-weight:700;transition:filter 80ms;display:flex;position:relative;box-shadow:inset 0 1px 1px #ffffff38,inset 0 -2px 3px #00000073,0 2px 4px #0000008c}.cue-pad:hover{filter:brightness(1.18)}.cue-pad:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #0000008c,0 1px 1px #0006}.cue-pad.lit{color:#0c0e12e6;text-shadow:0 1px #fff6;border-color:color-mix(in srgb, var(--pad) 60%, #000);background:linear-gradient(180deg, #ffffff6b, #ffffff0f 42%, #00000038), var(--pad);box-shadow:inset 0 1px 1px #ffffff8c, inset 0 -2px 4px #00000047, 0 0 14px color-mix(in srgb, var(--pad) 65%, transparent), 0 0 4px color-mix(in srgb, var(--pad) 80%, transparent), 0 2px 4px #00000080}.cue-pad.lit .cue-pad-dot{background:#fffffff2;box-shadow:0 0 5px #ffffffe6}.cue-pad-dot{background:var(--pad,#3a3f4a);width:5px;height:5px;box-shadow:0 0 5px color-mix(in srgb, var(--pad,transparent) 70%, transparent);border-radius:50%}.mix-pads{flex-direction:column;gap:4px;margin-top:auto;display:flex}.mix-pad-grid{grid-template-columns:repeat(2,70px);justify-content:center;gap:5px;display:grid}.mix-pad{aspect-ratio:1;cursor:pointer;border:1px solid color-mix(in srgb, var(--pad) 40%, #05060a);background:radial-gradient(ellipse 90% 75% at 50% 38%, color-mix(in srgb, var(--pad) 80%, #fff) 0%, var(--pad) 55%, color-mix(in srgb, var(--pad) 55%, #000) 100%);box-shadow:inset 0 1px 1px #fff6, inset 0 -2px 5px #00000059, 0 0 10px color-mix(in srgb, var(--pad) 45%, transparent), 0 2px 4px #00000080;border-radius:5px;padding:0;transition:filter 80ms;position:relative}.mix-pad:hover{filter:brightness(1.15)}.mix-pad:active{box-shadow:inset 0 2px 6px #00000080, 0 0 6px color-mix(in srgb, var(--pad) 45%, transparent);transform:translateY(1px)}.mix-pad-name{letter-spacing:.3px;color:#000000bf;text-shadow:0 1px #ffffff59;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:7px;font-weight:700;position:absolute;bottom:3px;left:3px;right:3px;overflow:hidden}.mix-pad-name.dim{color:#00000073;font-style:italic;font-weight:400}.led-btn{letter-spacing:.5px;color:#9aa0aa;cursor:pointer;text-shadow:0 -1px 1px #000c;background:linear-gradient(#ffffff29,#ffffff08 40%,#00000038 60%,#0000005c),#2b2e35;border:1px solid #05060a;border-radius:4px;padding:4px 10px;font-size:9px;font-weight:700;box-shadow:inset 0 1px #ffffff38,inset 0 -1px #00000080,0 2px 3px #0009,0 1px #ffffff0d}.led-btn.sm{padding:3px 7px;font-size:8px}.led-btn.wide{padding:4px 16px}.led-btn:hover{filter:brightness(1.14)}.led-btn:active{transform:translateY(1px);box-shadow:inset 0 2px 6px #000000a6,0 1px 1px #0006}.led-btn:disabled{opacity:.4;cursor:default;filter:none}.led-btn:disabled:active{transform:none}.led-btn.on{color:#0d0f13;background:linear-gradient(180deg, color-mix(in srgb, var(--led) 70%, white), var(--led) 55%, color-mix(in srgb, var(--led) 72%, black));box-shadow:0 0 12px color-mix(in srgb, var(--led) 55%, transparent), 0 0 3px color-mix(in srgb, var(--led) 70%, transparent), inset 0 1px 0 #ffffff8c, inset 0 -2px 3px #00000047;text-shadow:0 1px #ffffff59}.tbtn{cursor:pointer;background:linear-gradient(145deg,#f4f6f9,#9ba1a9 28%,#575c63 52%,#c9ced4 78%,#767b83);border:1px solid #04050a;border-radius:10px;width:36px;height:36px;padding:0;position:relative;box-shadow:0 2px 6px #000000a6,inset 0 0 0 1px #ffffff40,inset 0 -1px 2px #0006}.tbtn:before{content:"";background:conic-gradient(from 210deg,#ffffff61,#0000 55deg,#0003 115deg,#0000 190deg,#fff3 275deg,#0000 335deg),repeating-conic-gradient(#ffffff12 0deg .7deg,#00000012 .7deg 1.7deg),radial-gradient(circle at 50% 42%,#d6dbe1,#b2b7bf 55%,#8f949c);border-radius:7px;position:absolute;inset:3px;box-shadow:inset 0 1px 2px #ffffffbf,inset 0 -1px 2px #00000059,0 0 0 1px #0000008c}.tbtn svg{fill:#2b2e33;filter:drop-shadow(0 1px #ffffff80)drop-shadow(0 -.5px #00000059);width:56%;height:56%;margin:22%;display:block;position:relative}.tbtn:hover{filter:brightness(1.07)}.tbtn:active{transform:translateY(1px);box-shadow:0 1px 2px #00000080,inset 0 0 0 1px #ffffff26}.tbtn:active:before{box-shadow:inset 0 2px 4px #0006,0 0 0 1px #0000008c}.tbtn.on svg{fill:color-mix(in srgb, var(--led) 55%, #15171b);filter:drop-shadow(0 1px 0 #fff6) drop-shadow(0 0 5px var(--led))}.tbtn.sm{border-radius:7px;width:26px;height:26px}.tbtn.sm:before{border-radius:5px;inset:2.5px}@keyframes tbtn-blink{0%,55%{fill:#ff453a;filter:drop-shadow(0 1px #fff6)drop-shadow(0 0 6px #ff453ae6)}65%,to{fill:#2b2e33;filter:drop-shadow(0 1px #ffffff80)drop-shadow(0 -.5px #00000059)}}.tbtn.blink svg{animation:1s step-end infinite tbtn-blink}.tbtn:disabled{opacity:.4;cursor:default}.tbtn:disabled:hover{filter:none}.tbtn:disabled:active{transform:none}.dj-center{flex-direction:column;gap:6px;min-width:0;display:flex}.wave-panel{background:#07080b;border:1px solid #05060a;border-radius:4px;position:relative;overflow:hidden;box-shadow:inset 0 3px 12px #000000d9,inset 0 -1px #ffffff08,0 1px #ffffff0b,0 2px 6px #0006}.wave-panel:after{content:"";pointer-events:none;background:linear-gradient(112deg,#ffffff0d,#ffffff03 18%,#0000 32%);position:absolute;inset:0}.wave-tag{z-index:2;color:#0b0c0f;background:#5f8bff;border-radius:0 0 4px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;top:0;left:0}.wave-panel:nth-child(2) .wave-tag{background:#ff9f0a}.main-wave,.overview-wave{width:100%}.wave-canvas{width:100%;height:100%;display:block}.main-wave{position:relative}.overview-wave{flex-direction:column;display:flex;position:relative}.overview-wave .wave-canvas{flex:1;min-height:0}.ov-zoom-bar{flex-shrink:0;justify-content:flex-end;align-items:center;gap:2px;height:15px;padding:1px 3px 0;display:flex}.ov-zoom-bar .wave-zoom-btn{padding:1px 4px;font-size:8px}.wave-zoom{z-index:5;gap:2px;display:flex;position:absolute;top:3px;right:4px}.wave-zoom-btn{color:#9aa0aa;cursor:pointer;background:#0a0b0eb8;border:1px solid #ffffff24;border-radius:3px;min-width:16px;padding:2px 5px;font-size:9px;line-height:1.2}.wave-zoom-btn:hover{color:#d7dae0;border-color:#ffffff59}.wave-zoom-val{font-variant-numeric:tabular-nums}.mixer{background:repeating-linear-gradient(#ffffff04 0 1px,#0000 1px 3px),repeating-linear-gradient(#00000008 0 1px,#0000 1px 5px),linear-gradient(174deg,#2c2e35 0%,#22242a 40%,#191b20 100%);border:1px solid #050608;border-radius:6px;justify-content:space-between;align-items:stretch;gap:10px;padding:8px 14px;display:flex;box-shadow:inset 0 1px #ffffff17,inset 0 -1px #0000008c,0 3px 10px #0000008c,0 1px 2px #0006}.mix-channel{background:linear-gradient(#0000004d,#00000024);border:1px solid #07080b;border-radius:5px;flex-direction:column;gap:6px;padding:9px 10px 7px;display:flex;position:relative;box-shadow:inset 0 2px 6px #0000008c,inset 0 -1px #ffffff08,0 1px #ffffff0a}.mix-channel:before{content:"";background:var(--ch-accent,#5f8bff);height:2px;box-shadow:0 0 6px var(--ch-accent,#5f8bff);opacity:.85;border-radius:2px;position:absolute;top:3px;left:10px;right:10px}.mix-channel.ch-a{--ch-accent:#5f8bff}.mix-channel.ch-b{--ch-accent:#ff9f0a}.mix-transport{justify-content:flex-start;gap:4px;display:flex}.mix-transport.right{justify-content:flex-end}.mix-knobs-row{align-items:flex-end;gap:8px;display:flex}.ch-fx-btns{justify-content:space-evenly;margin-top:auto;display:flex}.ch-fx-btn{cursor:pointer;background:#08090cd9;border:1.5px solid #ff3b30;border-radius:5px;width:32px;height:26px;padding:0;box-shadow:0 0 7px #ff3b308c,inset 0 0 7px #ff3b3059}.ch-fx-btn:hover{border-color:#ff6b60;box-shadow:0 0 10px #ff3b30bf,inset 0 0 9px #ff3b3080}.ch-fx-btn:active{transform:translateY(1px)}.mix-vu-fader{align-items:flex-end;gap:6px;display:flex}.mix-center{background:linear-gradient(#ffffff09,#ffffff02);border:1px solid #ffffff0d;border-radius:5px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;gap:6px;max-width:340px;padding:7px 10px;display:flex;box-shadow:inset 0 1px #ffffff0f,0 1px 3px #00000059}.mix-master{align-items:center;gap:10px;display:flex}.mix-fx-row{gap:12px;display:flex}.knob-unit{flex-direction:column;align-items:center;gap:3px;display:flex}.knob-dial{background:radial-gradient(circle at 45% 36%,#5c6168,#26282e 62%,#08090c 80%);border-radius:50%;position:relative;box-shadow:0 3px 8px #000000b3,inset 0 1px #ffffff1f}.knob-body{background:repeating-radial-gradient(circle,#ffffff12 0 .6px,#00000014 .6px 1.6px,#0000 1.6px 3px),conic-gradient(from 200deg,#eef1f5 0deg,#a3a9b1 45deg,#5d626a 95deg,#41454c 140deg,#767c85 195deg,#d0d5dc 255deg,#b0b6be 310deg,#eef1f5 360deg);border:1px solid #101114;border-radius:50%;position:absolute;inset:8%;box-shadow:0 1px 3px #0009,inset 0 1px 1px #ffffff8c,inset 0 -1px 2px #00000073}.knob-dial:after{content:"";pointer-events:none;background:radial-gradient(circle at 32% 24%,#ffffff38,#ffffff0a 40%,#0000 58%),radial-gradient(circle at 70% 82%,#0000004d,#0000 55%);border-radius:50%;position:absolute;inset:0}.knob-cap{background:radial-gradient(circle at 45% 32%,#d4d8de,#848990 75%);border-radius:50%;position:absolute;inset:26%;box-shadow:inset 0 1px 1px #fff9,0 1px 3px #0006}.knob-pointer{border-left:3px solid #0000;border-right:3px solid #0000;border-top:5px solid var(--accent,#e8e8e8);filter:drop-shadow(0 1px #fff6);border-radius:1px;width:0;height:0;margin-left:-3px;position:absolute;top:6%;left:50%}.knob-label{letter-spacing:.6px;color:#8b909a;text-align:center;font-size:7.5px;font-weight:600;line-height:1}.knob-sub{color:#5a5f68;font-size:6.5px;display:block}.fader-unit{flex-direction:column;align-items:center;gap:3px;display:flex}.fader-track{background:linear-gradient(90deg,#07080a,#141519 50%,#07080a);border:1px solid #04050a;border-radius:4px;width:20px;position:relative;box-shadow:inset 0 3px 7px #000000e6,inset 0 -1px #ffffff0a,0 1px #ffffff0a}.fader-groove{background:#050608;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:4px;bottom:4px;left:50%;box-shadow:inset 0 1px 2px #000}.fader-thumb{cursor:grab;background:linear-gradient(#82868f,#42454d 42%,#1e2025 55%,#565a64);border:1px solid #04050a;border-radius:3px;justify-content:center;align-items:center;height:15px;display:flex;position:absolute;left:-4px;right:-4px;transform:translateY(-50%);box-shadow:0 2px 5px #000000bf,inset 0 1px 1px #ffffff59,inset 0 -1px 1px #0006}.fader-thumb-line{background:#f0f1f4;border-radius:1px;width:70%;height:2px;box-shadow:0 0 3px #fff9}.fader-label{color:#8b909a;font-size:8px;font-weight:700}.xfader{align-items:center;gap:8px;width:100%;display:flex}.xfader-side{color:#8b909a;font-size:10px;font-weight:700}.xfader-track{background:linear-gradient(#07080a,#141519 50%,#07080a);border:1px solid #04050a;border-radius:4px;flex:1;height:20px;position:relative;box-shadow:inset 0 3px 7px #000000e6,inset 0 -1px #ffffff0a,0 1px #ffffff0a}.xfader-track .fader-groove{width:auto;height:3px;margin:-1.5px 0 0;inset:50% 4px auto}.fader-thumb.xf{width:26px;height:16px;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.fader-thumb.xf .fader-thumb-line{width:2px;height:70%}.vu{background:#07080a;border:1px solid #04050a;border-radius:3px;gap:2px;padding:3px 2px;display:flex;box-shadow:inset 0 2px 6px #000000e6,0 1px #ffffff0d}.vu-strip{flex-direction:column-reverse;gap:2px;display:flex}.vu-seg{background:#1e2025;border-radius:1px;width:7px;height:4px}.vu.h{flex-direction:column;gap:2px;padding:2px 3px}.vu.h .vu-strip{flex-direction:row}.vu.h .vu-seg{width:4px;height:5px}.vu-seg.on{background:linear-gradient(#6dffa8,#1fd670);box-shadow:0 0 4px #30d158b3}.vu-seg.on.warm{background:linear-gradient(#ffd60a,#ff9f0a);box-shadow:0 0 4px #ff9f0ab3}.vu-seg.on.hot{background:linear-gradient(#ff7b7b,#ff3b30);box-shadow:0 0 4px #ff3b30cc}.band-meter{background:#07080a;border:1px solid #04050a;border-radius:3px;flex-direction:column;gap:3px;padding:4px 5px;display:flex;box-shadow:inset 0 2px 6px #000000e6,0 1px #ffffff0d}.band-row{align-items:center;gap:5px;display:flex}.band-tag{color:#5b5f6a;letter-spacing:.5px;width:20px;font-size:7px;font-weight:700}.band-meter .vu-strip{flex-direction:row;flex:1}.band-meter .vu-seg{flex:1;width:auto;height:5px}.bottom-panels{border-top:1px solid #000;flex:1;min-height:0;display:flex}.library{background:#191a1e;flex-direction:column;flex:1.4;min-width:0;min-height:0;display:flex}.lib-toolbar{background:repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 3px),linear-gradient(#2c2e35,#1e2026);border-bottom:1px solid #05060a;align-items:center;gap:6px;padding:4px 8px;display:flex;box-shadow:inset 0 1px #ffffff12,0 2px 6px #00000059}.lib-sort{color:#9aa0aa;background:#141519;border:1px solid #2e3138;border-radius:3px;padding:3px 8px;font-size:9px;font-weight:600}.lib-flex{flex:1}.zoom-ctl{align-items:center;gap:2px;display:inline-flex}.zoom-btn{color:#9aa0aa;cursor:pointer;background:#141519;border:1px solid #2e3138;border-radius:3px;width:16px;height:16px;padding:0;font-size:10px;font-weight:700;line-height:1}.zoom-btn:hover{color:#fff;border-color:#5f8bff}.zoom-val{font-variant-numeric:tabular-nums;color:#9aa0aa;cursor:pointer;text-align:center;background:0 0;border:none;min-width:34px;padding:2px 3px;font-size:9px}.zoom-val:hover{color:#fff}.lib-search{color:#d7dae0;background:#101114;border:1px solid #2e3138;border-radius:10px;outline:none;width:160px;padding:3px 10px;font-size:10px}.lib-search:focus{border-color:#5f8bff}.lib-body{flex:1;min-height:0;display:flex}.lib-sidebar{background:#141519;border-right:1px solid #0a0b0d;flex-shrink:0;width:220px;padding:4px 0;overflow-y:auto}.crate-row{color:#b9bec7;cursor:pointer;align-items:center;gap:7px;padding:4px 10px;font-size:10.5px;display:flex}.crate-row:hover{background:#23252b}.folder-row.selected{color:#fff;background:#24344f}.folder-row.drop{background:#1f3a28;box-shadow:inset 0 0 0 1px #30d158}.folder-arrow{color:#7d828c;text-align:center;flex-shrink:0;width:10px;font-size:8px}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.folder-actions{gap:2px;display:none}.folder-row:hover .folder-actions{display:flex}.folder-act{color:#b9bec7;cursor:pointer;background:#33363e;border:none;border-radius:3px;width:15px;height:15px;font-size:10px;line-height:1}.folder-act:hover{color:#fff;background:#4a4e58}.folder-act.del:hover{color:#ff6b6b;background:#5a2020}.folder-rename{color:#fff;background:#101114;border:1px solid #5f8bff;border-radius:3px;outline:none;flex:1;min-width:0;padding:1px 4px;font-size:10.5px}.new-folder-btn{text-align:left;width:100%;font:inherit;color:#6b7078;background:0 0;border:none;border-top:1px solid #1d1f24;margin-top:4px}.new-folder-btn:hover{color:#b9bec7}.folder-new-icon{text-align:center;width:12px;font-weight:700}.crate-icon{flex-shrink:0;width:12px;height:12px}.lib-table-wrap{flex:1;overflow:auto}.lib-table{border-collapse:collapse;width:100%;font-size:10.5px}.lib-table th{text-align:left;letter-spacing:.5px;color:#7d828c;background:linear-gradient(#22242a,#1a1c20);border-bottom:1px solid #05060a;padding:4px 8px;font-size:8.5px;font-weight:700;position:sticky;top:0;box-shadow:inset 0 1px #ffffff0d}.lib-table td{color:#c9cdd5;white-space:nowrap;border-bottom:1px solid #1a1b1f;padding:3px 8px}.lib-table tbody tr:hover{background:#23252b}.lib-table tr.selected td{color:#fff;background:#24344f}.col-num{text-align:right;font-variant-numeric:tabular-nums}.lib-table th.col-num{text-align:right}.col-status{width:16px}.status-dot{background:#2e3138;border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.ok{background:#30d158;box-shadow:0 0 4px #30d15899}.lib-import-row{color:#5f8bff;text-align:left;cursor:pointer;background:#141519f2;border:none;border-top:1px dashed #2e3138;width:100%;padding:6px 10px;font-size:10px;font-weight:600;position:sticky;bottom:0}.lib-import-row:hover{color:#9fc0ff;background:#1d1f24}.played-mark{color:#30d158;text-shadow:0 0 5px #30d15880;margin-right:5px;font-weight:700}.np-bars{vertical-align:-1px;align-items:flex-end;gap:1.5px;height:9px;margin-right:5px;display:inline-flex}.np-bars i{border-radius:1px;width:2.5px;animation:.8s ease-in-out infinite np-eq}.np-bars i:first-child{background:#5f8bff;animation-duration:.7s}.np-bars i:nth-child(2){background:#30d158;animation-duration:.9s;animation-delay:.15s}.np-bars i:nth-child(3){background:#ff9f0a;animation-duration:.55s;animation-delay:.3s}@keyframes np-eq{0%,to{height:30%}50%{height:100%}}.key-cell{color:#30d158;font-weight:600}.lib-rating .star{color:#33363e;letter-spacing:1px;font-size:8px}.lib-rating .star.on{color:#ff9f0a;text-shadow:0 0 4px #ff9f0a80}.deck-load-btn{color:#5f8bff;cursor:pointer;background:#141519;border:1px solid #2e3138;border-radius:3px;margin-left:4px;padding:1px 6px;font-size:8px;font-weight:700}.deck-load-btn.b{color:#ff9f0a}.deck-load-btn:hover{border-color:currentColor}.lib-empty{text-align:center;color:#5a5f68;padding:20px!important}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:180px;padding:24px;display:flex}.empty-icon{filter:drop-shadow(0 4px 14px #5f8bff40);width:72px;height:72px;margin-bottom:4px}.empty-icon svg{width:100%;height:100%}.empty-title{color:#d7dae0;font-size:13px;font-weight:600}.empty-sub{color:#7d828c;text-align:center;max-width:280px;font-size:10.5px;line-height:1.5}.empty-actions{gap:8px;margin-top:8px;display:flex}.empty-btn{color:#fff;cursor:pointer;background:linear-gradient(#4a7dff,#3560d8);border:1px solid #3a5bd0;border-radius:5px;padding:6px 16px;font-size:10.5px;font-weight:600;box-shadow:0 2px 8px #4a7dff4d,inset 0 1px #ffffff40}.empty-btn:hover{filter:brightness(1.1)}.empty-btn.ghost{color:#b9bec7;background:#22242a;border-color:#3a3d44;box-shadow:inset 0 1px #ffffff14}.empty-btn.ghost:hover{color:#fff;border-color:#5f8bff}.lib-table tbody tr{cursor:grab}.knob-dial.drag,.fader-track.drag,.xfader-track.drag,.pitch-track.drag{cursor:ns-resize;touch-action:none}.xfader-track.drag{cursor:ew-resize}.main-wave{cursor:ew-resize;touch-action:none}.overview-wave{cursor:pointer}.lib-status{color:#6b7078;background:#141519;border-top:1px solid #0a0b0d;justify-content:space-between;padding:3px 10px;font-size:9px;display:flex}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:repeating-linear-gradient(#ffffff04 0 1px,#0000 1px 3px),linear-gradient(#2c2e35,#1c1e23);border:1px solid #05060a;border-radius:8px;width:320px;padding:14px 16px;box-shadow:0 14px 44px #000000bf,inset 0 1px #ffffff1a,inset 0 -1px #00000080}.modal-title{color:#f4f5f7;margin-bottom:8px;font-size:13px;font-weight:700}.modal-body{color:#b9bec7;font-size:11px;line-height:1.5}.wave-expand-modal{width:min(940px,94vw)}.wave-expand-modal .modal-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.wave-expand-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.wave-expand-body{background:#08090c;border:1px solid #04050a;border-radius:4px;overflow:hidden}.wave-expand-hint{color:#6a6f7a;margin-top:8px;font-size:9px}.modal-body b{color:#ffd60a}.modal-field{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.modal-field span{letter-spacing:.6px;text-transform:uppercase;color:#7c828d;font-size:9px;font-weight:700}.modal-input{color:#e8e9ec;box-sizing:border-box;background:#101114;border:1px solid #2e3138;border-radius:4px;outline:none;width:100%;padding:6px 9px;font-size:11px}.modal-input:focus{border-color:#5f8bff}.cover-row{align-items:center;gap:10px;display:flex}.cover-thumb{object-fit:cover;border-radius:5px;width:56px;height:56px;box-shadow:0 0 0 1px #ffffff1f}.cover-thumb.empty{color:#4a4f58;background:#141519;border:1px dashed #2e3138;justify-content:center;align-items:center;font-size:22px;display:flex}.modal-actions{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.modal-btn{color:#d7dae0;cursor:pointer;background:linear-gradient(#33363d,#22242a);border:1px solid #3a3d44;border-radius:4px;padding:5px 14px;font-size:10.5px;font-weight:600}.modal-btn:hover{border-color:#5f8bff}.modal-btn.danger{color:#fff;background:linear-gradient(#d04040,#a02828);border-color:#701818}.modal-btn.danger:hover{border-color:#ff6b6b}.modal-btn.deck-a{color:#8fabff;border-color:#5f8bff8c}.modal-btn.deck-a:hover{background:#5f8bff26;border-color:#5f8bff}.modal-btn.deck-b{color:#ffb648;border-color:#ff9f0a8c}.modal-btn.deck-b:hover{background:#ff9f0a26;border-color:#ff9f0a}.playlist{background:#191a1e;border-left:1px solid #000;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pl-toolbar{background:repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 3px),linear-gradient(#2c2e35,#1e2026);border-bottom:1px solid #05060a;align-items:center;gap:8px;padding:4px 8px;display:flex;box-shadow:inset 0 1px #ffffff12,0 2px 6px #00000059}.pl-title{letter-spacing:.8px;color:#7d828c;font-size:9px;font-weight:700}.pl-name{color:#e8b93c;font-size:10px;font-weight:600}.pl-action{color:#9aa0aa;cursor:pointer;background:#141519;border:1px solid #2e3138;border-radius:3px;padding:3px 8px;font-size:9px;font-weight:600}.pl-action:hover{color:#d7dae0;border-color:#4a4e58}.pl-action:disabled{opacity:.5;cursor:default}.refresh-btn.spin{animation:.8s linear infinite platter-spin}.empty-btn .spin{animation:.8s linear infinite platter-spin;display:inline-block}.empty-btn:disabled{opacity:.5;cursor:default}.pl-table-wrap{flex:1;min-height:0;position:relative;overflow:auto}.pl-table tr.pl-played td{color:#5a5f68}.pl-table tr.pl-played td:first-child:after{content:" ✓";color:#30d158}.pl-table tr.pl-next td{color:#fff;background:#24344f}.track-cover{object-fit:cover;vertical-align:-4px;border-radius:3px;width:18px;height:18px;margin-right:6px;box-shadow:0 0 0 1px #ffffff1f}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:#d7dae0}.view-toggle{border:1px solid #2e3138;border-radius:4px;margin-right:8px;display:flex;overflow:hidden}.view-toggle button{color:#6a707a;cursor:pointer;background:0 0;border:none;padding:3px 8px;font-size:11px}.view-toggle button.on{color:#d7dae0;background:#2b3345}.lib-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));align-content:start;gap:10px;padding:10px;display:grid;overflow-y:auto}.lib-card{cursor:default;background:#1a1c21;border:1px solid #24262c;border-radius:7px;padding:7px;transition:border-color .12s}.lib-card:hover{border-color:#3d4350}.card-art{aspect-ratio:1;background:#101114;border-radius:5px;margin-bottom:6px;position:relative;overflow:hidden}.card-art img{object-fit:cover;width:100%;height:100%;display:block}.card-art-ph{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-art-ph svg{opacity:.75;width:62%;height:62%}.card-actions{opacity:0;background:#08090cb8;justify-content:center;align-items:center;gap:5px;transition:opacity .12s;display:flex;position:absolute;inset:0}.lib-card:hover .card-actions{opacity:1}.card-played{position:absolute;top:4px;right:4px}.card-name{color:#e3e5ea;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.card-sub{color:#848a95;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:9px;overflow:hidden}.card-meta{color:#5a5f68;font-variant-numeric:tabular-nums;margin-top:3px;font-size:8.5px}.pl-remove{color:#5a5f68;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:1px 6px;font-size:11px;line-height:1}.pl-remove:hover{color:#ff453a;background:#23252b}.pl-drop-hint{color:#5a5f68;background:#141519e6;border:1px dashed #3a3d44;border-radius:10px;width:max-content;margin:6px auto 0;padding:4px 14px;font-size:9px;position:sticky;bottom:6px}.pl-picker{position:relative}.pl-picker-btn{color:#9aa0aa;cursor:pointer;background:#141519;border:1px solid #2e3138;border-radius:3px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:600;display:inline-flex}.pl-picker-btn:hover{color:#d7dae0;border-color:#4a4e58}.pl-name-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:5px;padding:2px 7px;display:inline-flex}.pl-name-btn:hover,.pl-name-btn.open{background:#141519;border-color:#3a3d44}.pl-caret{color:#8a7020;font-size:8px}.pl-new-btn{padding:3px 7px;font-weight:700}.pl-menu{z-index:70;background:linear-gradient(#2a2c33,#1e2025);border:1px solid #05060a;border-radius:6px;min-width:210px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 30px #0009,inset 0 1px #ffffff14}.pl-menu-new{color:#5f8bff;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:5px 8px;font-size:10px;font-weight:600}.pl-menu-new:hover{color:#9fc0ff;background:#23252b}.pl-menu-list{border-top:1px solid #141519;max-height:220px;margin-top:2px;padding-top:2px;overflow-y:auto}.pl-menu-row{color:#b9bec7;cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;font-size:10.5px;display:flex}.pl-menu-row:hover{background:#23252b}.pl-menu-row.on{color:#fff;background:#24344f}button.pl-menu-row{text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.pl-menu-row.sel{color:#9fc0ff}.pl-menu-check{color:#5f8bff;font-size:10px}.pl-mix-menu{min-width:150px;max-height:320px;overflow-y:auto}.pl-menu-sect{letter-spacing:.8px;text-transform:uppercase;color:#6b7078;border-top:1px solid #141519;margin-top:2px;padding:6px 8px 3px;font-size:8px;font-weight:700}.pl-menu-sect:first-child{border-top:none;margin-top:0;padding-top:2px}.pl-menu-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pl-menu-count{color:#6b7078;font-variant-numeric:tabular-nums;font-size:9px}.pl-menu-acts{gap:2px;display:none}.pl-menu-row:hover .pl-menu-acts{display:flex}.pl-menu-act{color:#b9bec7;cursor:pointer;background:#33363e;border:none;border-radius:3px;width:15px;height:15px;font-size:10px;line-height:1}.pl-menu-act:hover{color:#fff;background:#4a4e58}.pl-menu-act.del:hover{color:#ff6b6b;background:#5a2020}.pl-transport,.pl-toggles{align-items:center;gap:3px;display:inline-flex}.pl-toggles{border-left:1px solid #141519;margin-left:4px;padding-left:6px}.pl-tbtn{letter-spacing:.4px;color:#9aa0aa;cursor:pointer;background:#141519;border:1px solid #2e3138;border-radius:3px;padding:3px 7px;font-size:8.5px;font-weight:700}.pl-tbtn:hover{color:#d7dae0;border-color:#4a4e58}.pl-tbtn:disabled{opacity:.35;cursor:default}.pl-tbtn.on{color:#8fabff;background:#5f8bff1f;border-color:#5f8bff99;box-shadow:0 0 6px #5f8bff40}.pl-table tbody tr{cursor:grab}.pl-table tr.drop-above td{box-shadow:inset 0 2px #5f8bff}.pl-table tr.drop-below td{box-shadow:inset 0 -2px #5f8bff}.picker-modal{width:720px;max-width:94vw}.picker-search{margin-bottom:8px}.picker-wrap{background:#101114;border:1px solid #141519;border-radius:5px;max-height:min(520px,62vh);overflow-y:auto}.picker-table tbody tr{cursor:pointer}.picker-table tr.picked td{color:#fff;background:#24344f}.picker-table tr.added{opacity:.45}.picker-table tr.added td{cursor:default}.picker-check{color:#6b7078;width:18px}th.picker-check-all{cursor:pointer;-webkit-user-select:none;user-select:none}th.picker-check-all:hover{color:#d7dae0}.picker-table tr.added .picker-check{color:#30d158}.picker-empty{text-align:center;color:#5a5f68;padding:26px;font-size:10.5px}.picker-count{color:#6b7078;flex:1;font-size:9.5px}.mode-switch{background:#101114;border:1px solid #2e3138;border-radius:4px;display:inline-flex;overflow:hidden}.mode-switch button{letter-spacing:.6px;color:#7d828c;cursor:pointer;background:0 0;border:none;padding:3px 10px;font-size:9px;font-weight:700}.mode-switch button:hover{color:#cfd3da}.mode-switch button.on{color:#0b0c0f;text-shadow:0 1px #ffffff4d;background:linear-gradient(#6d9bff,#5f8bff 60%,#4a73d8);box-shadow:0 0 8px #5f8bff80}.mt-stage{background:radial-gradient(140% 120% at 50% -20%,#ffffff06,#0000 50%),radial-gradient(120% 130% at 50% 120%,#00000080,#0000 55%),#141519;flex-direction:column;flex-shrink:1;gap:6px;min-height:0;max-height:68vh;padding:6px;display:flex}.mt-head{flex-shrink:0;align-items:center;gap:8px;display:flex}.mt-title{letter-spacing:1.2px;color:#cfd3da;font-size:10px;font-weight:700}.mt-hint{color:#6b7078;font-size:9px}.mt-spacer{flex:1}.mt-clock{color:#ffb340;align-self:center;min-width:64px;font-family:monospace;font-size:13px}.mt-transport{align-items:center;gap:8px;display:flex}.mt-scroll{background:#07080b;border:1px solid #05060a;border-radius:6px;min-height:0;overflow:auto;box-shadow:inset 0 3px 12px #000000d9,0 1px #ffffff0b}.mt-grid{position:relative}.mt-ruler-row{z-index:6;background:#101114;border-bottom:1px solid #05060a;display:flex;position:sticky;top:0}.mt-ctl-head{z-index:7;background:#101114;border-right:1px solid #05060a;flex-shrink:0;position:sticky;left:0}.mt-ruler{cursor:pointer;flex-shrink:0;height:20px;position:relative}.mt-ruler:hover{background:#ffffff05}.mt-tick{background:#ffffff0f;width:1px;position:absolute;top:0;bottom:0}.mt-tick.maj{background:#ffffff2e}.mt-tick span{color:#7d828c;white-space:nowrap;font-family:monospace;font-size:8px;position:absolute;top:3px;left:3px}.mt-lane-row{border-bottom:1px solid #ffffff0b;display:flex}.mt-ctl{z-index:5;border-right:1px solid #05060a;border-left:3px solid var(--lane,#5f8bff);background:linear-gradient(#24262d,#1b1d22);flex-shrink:0;align-items:center;gap:6px;width:150px;padding:4px 6px;display:flex;position:sticky;left:0}.mt-badge{color:#0b0c0f;background:var(--lane,#5f8bff);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:flex}.mt-ctl-btns{flex-direction:column;gap:3px;display:flex}.mt-ctl-btns .led-btn{width:22px;padding:2px 0;font-size:8px}.mt-ctl-mix{align-items:flex-end;gap:5px;margin-left:auto;display:flex}.mt-strip{background:repeating-linear-gradient(90deg,#ffffff06 0 1px,#0000 1px 160px),#0a0b0e;flex-shrink:0;position:relative}.mt-strip.muted .mt-clip{opacity:.4}.mt-clip{cursor:grab;border:1px solid color-mix(in srgb, var(--lane) 55%, #000);background:color-mix(in srgb, var(--lane) 13%, #141519);border-radius:4px;position:absolute;top:3px;bottom:3px;overflow:hidden;box-shadow:0 1px 3px #00000080}.mt-clip:active{cursor:grabbing}.mt-clip.sel{box-shadow:0 0 8px color-mix(in srgb, var(--lane) 60%, transparent), 0 1px 3px #00000080;border-color:#fff}.mt-clip-name{z-index:2;color:#e8e9ec;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #000c;padding:1px 5px;font-size:8px;font-weight:600;position:relative;overflow:hidden}.mt-clip .wave-canvas{width:100%;height:calc(100% - 13px);position:absolute;inset:13px 0 0}.mt-clip-edge{z-index:3;cursor:ew-resize;width:7px;position:absolute;top:0;bottom:0}.mt-clip-edge.l{border-radius:4px 0 0 4px;left:0}.mt-clip-edge.r{border-radius:0 4px 4px 0;right:0}.mt-clip-edge:hover{background:#ffffff29}.mt-clip-x{z-index:4;color:#ffb3ab;cursor:pointer;background:#0000008c;border:none;border-radius:3px;width:14px;height:14px;padding:0;font-size:10px;line-height:1;position:absolute;top:1px;right:1px}.mt-clip-x:hover{color:#0b0c0f;background:#ff453a}.mt-playhead{z-index:8;pointer-events:none;background:#ff453a;width:1.5px;margin-left:-.75px;position:absolute;top:0;bottom:0;box-shadow:0 0 6px #ff453ab3}.mt-master{background:repeating-linear-gradient(#ffffff04 0 1px,#0000 1px 3px),linear-gradient(174deg,#2c2e35 0%,#22242a 40%,#191b20 100%);border:1px solid #050608;border-radius:6px;flex-shrink:0;align-items:center;gap:14px;padding:5px 12px;display:flex;box-shadow:inset 0 1px #ffffff17,0 2px 6px #0006}