@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{margin:0}button,input{font:inherit}button{color:#aab5c6;cursor:pointer;background:#151a23;border:1px solid #29313e;border-radius:6px;padding:8px 12px}header{border-bottom:1px solid #232b38;align-items:center;gap:28px;height:64px;padding:0 24px;display:flex}.brand{letter-spacing:1.2px;font-size:15px}.brand span{color:#ffb52e;font-size:20px}.brand b{color:#748096;font-weight:500}.project{color:#b8c1cf;border-left:1px solid #29313e;flex:1;padding-left:28px;font-size:13px}.project span{margin-left:10px}.export,.generate{color:#fff;background:#1f88a0;border-color:#2baac5;font-weight:700}.transport{background:#10151d;border-bottom:1px solid #252e3b;justify-content:center;align-items:center;gap:13px;height:54px;display:flex}.mainplay{color:#111;background:#ffb52e;border:0;border-radius:50%;width:36px;height:36px;padding:0}.transport strong{color:#ffb52e;margin:0 16px;font-size:12px}.progress{background:#29313e;width:32%;height:3px}.progress span{background:#ffb52e;width:24%;height:100%;display:block}.decks{border-bottom:1px solid #252e3b;grid-template-columns:1fr 180px 1fr;display:grid}.deck{background:#0e131b;padding:14px 20px 16px}.deck-head{align-items:center;gap:14px;margin-bottom:8px;display:flex}.deck-head small{color:#6d798d;font-size:11px}.deck-head button{margin-left:auto;padding:2px 9px}.amber{color:#ffb52e}.cyan{color:#38d3e5}.wave{background:#131b25;border:1px solid #252f3c;align-items:center;gap:2px;height:66px;padding:0 8px;display:flex}.wave i{background:#8994a4;border-radius:2px;width:3px;display:block}.wave.accent i{background:#36bdcf}.deck-controls{justify-content:center;align-items:center;gap:35px;padding:12px;display:flex}.platter{background:radial-gradient(circle,#18202b 0 25%,#090d13 26% 43%,#202936 44% 49%,#0a0d12 50% 100%);border-radius:50%;place-items:center;width:118px;height:118px;display:grid}.platter div{border:2px solid;border-radius:50%;width:28px;height:28px}.amber-ring{color:#ffb52e}.cyan-ring{color:#36d6e9}.deck-buttons{flex-direction:column;gap:7px;display:flex}.deck-buttons button{font-size:10px}.deck-buttons .play{color:#ffb52e;font-size:17px}.crossfader{background:#121822;border-inline:1px solid #252e3b;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.crossfader label{letter-spacing:1px;color:#66758a;font-size:9px}.meter{align-items:end;gap:3px;height:75px;display:flex}.meter span{background:#ffb52e;width:5px;height:65%}.meter span+span{background:#33c7d7;height:42%}.knobs{gap:10px;display:flex}.knobs div{color:#7d8ba0;border:1px solid #344050;border-radius:50%;place-items:center;width:32px;height:32px;font-size:8px;display:grid}.crossfader input{accent-color:#36c7d8;width:130px}.workspace{grid-template-columns:330px 1fr;min-height:360px;display:grid}.browser{background:#0c1118;border-right:1px solid #252e3b;padding:16px}.section-title{letter-spacing:1px;color:#8190a5;margin-bottom:12px;font-size:11px}.section-title span{float:right;color:#36c7d8}.browser input{color:#fff;background:#151d28;border:1px solid #293545;border-radius:5px;width:100%;margin-bottom:10px;padding:9px}.source{color:#7f8da2;padding:9px;font-size:12px}.source.active{color:#36c7d8;background:#19232e;border-left:2px solid #36c7d8}.count{color:#59687b;margin:18px 0 8px;font-size:9px;display:block}.track{border-top:1px solid #1b2430;align-items:center;gap:8px;padding:7px 3px;font-size:11px;display:flex}.track small{color:#657388;margin-top:3px;font-size:9px;display:block}.track button{margin-left:auto;padding:1px 7px}.thumb{color:#ffb52e;font-size:10px}.timeline{background:#0b1017;padding:16px 20px}.lane{align-items:center;gap:10px;margin:23px 0;display:flex}.lane label{color:#66758a;letter-spacing:1px;width:47px;font-size:9px}.clips{flex:1;gap:4px;display:flex}.clip{color:#dae1ea;background:#26364a;border-top:3px solid #ffb52e;flex:1;height:70px;padding:9px;font-size:10px}.clip small{color:#8da0b6;margin-top:25px;display:block}.c1{background:#203b44;border-color:#36c7d8}.c2{background:#46362a}.c3{background:#273346}.audio-clip{background:#151f2c;flex:1;height:47px}.audio-clip .wave{border:0;height:100%}.timeline-actions{border-top:1px solid #232e3b;gap:8px;padding-top:15px;display:flex}.timeline-actions button{font-size:10px}footer{border-top:1px solid #252e3b;justify-content:space-between;align-items:center;height:65px;padding:0 24px;display:flex}.dot{background:#45d28a;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.footer span{color:#718096;font-size:10px}.secondary{margin-right:8px;font-size:11px}@media (width<=850px){.decks{grid-template-columns:1fr}.crossfader{display:none}.workspace{grid-template-columns:1fr}.browser{border-right:0}.deck:nth-child(3){display:none}}.manual-note{color:#aab5c6;margin:0;padding:14px 24px;font-size:13px}.manual-deck{min-width:0}.manual-deck h2{color:#ffb52e;font-size:18px}.deck-B h2{color:#38d3e5}.manual-deck video{object-fit:contain;background:#080b10;width:100%;height:150px}.manual-deck input[type=range]{accent-color:#ffb52e;width:100%}.deck-B input[type=range]{accent-color:#38d3e5}.file-picker{font-size:13px;display:block}.file-picker input{color:#b7c8da;max-width:100%;margin:10px 0;display:block}.track-name{overflow-wrap:anywhere;min-height:20px}.deck-clock{font-variant-numeric:tabular-nums;color:#aab5c6;margin:8px 0}.manual-buttons{gap:8px;margin:12px 0;display:flex}.manual-mixer .crossfader{padding:12px;font-size:11px}.manual-deck label{font-size:13px}button:disabled{opacity:.4;cursor:not-allowed}.manual-deck [role=alert]{color:#f99}@media (width<=850px){.manual-mixer .deck:nth-child(3){display:block}.manual-mixer .crossfader{padding:24px;display:flex}.manual-mixer{grid-template-columns:1fr}}.midi-panel{background:#11151a;border-bottom:1px solid #39414a;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;font-size:12px;display:flex}.midi-panel>span{color:#b8c8d5}.midi-group{width:100%}.midi-group summary{cursor:pointer;color:#aab8c5;padding:6px}.midi-bindings{flex-wrap:wrap;gap:5px;display:flex}.midi-bindings button{padding:6px 9px;font-size:10px}.midi-panel .learning{color:#fff;background:#286a84}@media (width<=700px){.midi-panel{flex-direction:column;align-items:stretch}.midi-panel>button,.midi-bindings button{min-height:44px}.midi-bindings button{flex:1}}.external-display{color:#f5f7fa;background:#050608;flex-direction:column;height:100dvh;min-height:100dvh;display:flex;overflow:hidden}.external-display>header{background:#10151b;border-bottom:1px solid #303844;flex:0 0 54px;gap:18px;height:54px;padding:0 18px;display:flex}.external-display>header .brand{letter-spacing:1px;flex:1;font-size:13px;font-weight:800}.external-display>header>span{letter-spacing:1.5px;color:#a8b5c4;font-size:10px}.external-display>header button{font-size:10px}.external-stage{isolation:isolate;background:#000;flex:1;min-height:0;position:relative;overflow:hidden}.output-deck{opacity:1;background:#000;position:absolute;inset:0}.output-deck.is-transitioning{animation:.32s ease-out both program-cut-in}@keyframes program-cut-in{0%{opacity:0;filter:brightness(.35)}55%{opacity:.72;filter:brightness(.8)}to{opacity:1;filter:brightness()}}.output-deck video,.render-output{object-fit:contain;background:#000;width:100%;height:100%}.output-deck-youtube{flex-direction:column;display:flex}.output-youtube-player{background:#000;flex:1;width:100%;min-height:200px}.output-youtube-player iframe{border:0;width:100%;height:100%;display:block}.output-label-youtube{color:#d5dde6;white-space:nowrap;text-overflow:ellipsis;background:#10151b;flex:0 0 34px;align-items:center;padding:0 18px;font-size:12px;display:flex;overflow:hidden}.output-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#000a;border-radius:4px;max-width:calc(100% - 40px);padding:8px 12px;font-size:12px;position:absolute;bottom:18px;left:20px;overflow:hidden}.output-empty{text-align:center;color:#667281;letter-spacing:2px;place-content:center;width:100%;height:100%;font-size:20px;display:grid}.output-empty small{letter-spacing:0;margin-top:12px;font-size:13px}.output-help{text-align:center;color:#f0f2f5;pointer-events:none;background:#080a0caa;align-content:center;justify-items:center;gap:14px;padding:24px;font-size:22px;display:grid;position:absolute;inset:0}.output-help small{color:#a7b2bf;font-size:13px}.external-display>footer{color:#b7c4d3;background:#10151b;border-top:1px solid #303844;flex:0 0 42px;justify-content:center;gap:14px;height:42px;min-height:42px}.external-display>footer>div{background:#26313c;border-radius:4px;width:min(240px,45vw);height:5px;overflow:hidden}.external-display>footer i{background:linear-gradient(90deg,#35bff0,#f25b63);height:100%;display:block}@media (width<=600px){.external-display>header{gap:8px;padding:0 10px}.external-display>header .brand{font-size:10px}.external-display>header>span{display:none}.external-display>header button{padding:6px;font-size:9px}.output-label{font-size:10px;bottom:8px;left:8px}}:root{color:#d7dbdf;background:#101113;font-family:Arial,Helvetica,sans-serif}main{background:#121416;min-height:100vh}header{background:linear-gradient(#292c30,#17191c);border-bottom:2px solid #060708;gap:20px;height:46px;padding:0 16px}.brand{letter-spacing:1px;color:#fff;font-size:13px;font-weight:800}.project{color:#83909c;font-size:11px}.manual-note{letter-spacing:1px;color:#8a939c;background:#101113;padding:10px 16px;font-size:10px}.manual-note span{float:right;letter-spacing:0}.manual-mixer{background:#08090a;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);gap:4px;padding:4px}.manual-deck{--deck-color:#30b9f4;background:linear-gradient(130deg,#31353a,#1b1d20);border:1px solid #45494e;border-radius:5px;grid-template-columns:1fr 125px;gap:8px;padding:12px 16px;display:grid;position:relative}.manual-deck.deck-B{--deck-color:#f05656}.manual-deck h2{color:var(--deck-color);grid-column:1/-1;justify-content:space-between;align-items:center;margin:0;font-size:14px;display:flex}.track-name{background:#0d1013;border:1px solid #41464b;grid-column:1/-1;min-height:40px;margin:0;padding:10px;font-size:16px;font-weight:600}.file-picker{color:#a7b0b8;order:8;grid-column:1/-1;font-size:10px!important}.file-picker input{width:100%;margin:5px 0 0;font-size:11px;display:inline-block}.record{background:repeating-radial-gradient(circle,#17191b 0 3px,#25282a 4px,#131517 5px);border:5px solid #101113;border-radius:50%;grid-area:3/1/6;justify-self:center;place-items:center;width:180px;height:180px;margin:8px;display:grid;position:relative;box-shadow:0 0 0 2px #484d52,0 8px 15px #0008}.record:before{content:"";border-top:3px solid var(--deck-color);border-radius:50%;position:absolute;inset:6px;transform:rotate(35deg)}.record-label{border:2px solid var(--deck-color);width:62px;height:62px;color:var(--deck-color);letter-spacing:1px;background:#252a30;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:8px;display:flex}.record-label strong{font-size:24px}.spinning{animation:3s linear infinite turn-record}@keyframes turn-record{to{transform:rotate(360deg)}}.manual-deck video{background:#050607;border:1px solid #555;grid-area:3/2;width:125px;height:75px}.deck-clock{color:var(--deck-color);grid-area:4/2;margin:0;font-family:monospace;font-size:14px}.manual-deck>input[type=range]{accent-color:var(--deck-color);grid-column:1/-1;margin:0}.manual-buttons{grid-column:1;gap:6px;margin:0;display:flex}.manual-buttons button{color:#fff;background:linear-gradient(#575c62,#33373c);border:1px solid #6e747a;padding:8px 12px;font-size:11px}.manual-buttons button:first-child{background:var(--deck-color);color:#080d11;border-color:var(--deck-color);font-weight:700}.manual-deck>label:not(.file-picker){color:#b6c0c9;grid-column:2;font-size:10px}.manual-deck input[type=range]{accent-color:var(--deck-color)}.manual-deck [role=status],.manual-deck [role=alert]{grid-column:1/-1;margin:0;font-size:12px}.manual-mixer .crossfader{background:linear-gradient(#2c3035,#191c20);border:1px solid #45494e;border-radius:5px;justify-content:center;gap:20px;display:flex}.crossfader h3{letter-spacing:3px;color:#cad1d7;margin:0;font-size:12px}.crossfader label{color:#a5b5c2;font-size:10px}.crossfader input{accent-color:#b6c0ca}.crossfader button{font-size:10px}.workspace{border-top:4px solid #070809;grid-template-columns:minmax(0,1fr) 300px;min-height:300px}.browser{background:#101215;max-height:420px;padding:14px;overflow:auto}.browser>.section-title{color:#e4e7eb;border-bottom:1px solid #363b42;padding-bottom:10px}.browser input{background:#070a0d;padding:8px;font-size:12px}.browser>button{margin-bottom:12px;font-size:11px}.browser .track{grid-template-columns:minmax(120px,1fr) auto auto 30px;gap:8px;padding:8px;font-size:12px;display:grid}.browser .track:nth-child(2n){background:#1c2025}.browser .track:hover{background:#283641}.browser .track span{overflow-wrap:anywhere}.browser .track button{white-space:nowrap;padding:6px 8px;font-size:10px}.browser .track button:first-of-type{color:#50c6fa;border-color:#266c8c}.browser .track button:nth-of-type(2){color:#ff8383;border-color:#8c3838}.timeline{background:#191c20;padding:14px;font-size:12px}.timeline .track{flex-wrap:wrap}.timeline input{width:70px}.timeline input,.timeline select{color:#ddd;background:#0e1217;border:1px solid #41474e;padding:5px}.timeline .section-title{color:#aebac6}footer{background:#0d0f11;gap:12px;height:auto;min-height:54px;padding:12px 16px;font-size:12px}.render-preview{padding:12px}.generate{font-size:11px}button:disabled{opacity:.4}@media (width<=950px){.manual-mixer{grid-template-columns:minmax(0,1fr) 130px minmax(0,1fr)}.manual-deck{grid-template-columns:1fr}.record{grid-area:auto/1;width:130px;height:130px}.manual-deck video{display:none}.deck-clock{grid-area:auto/1}.manual-deck>label:not(.file-picker){grid-column:1}.crossfader input{max-width:100px}.manual-note span{float:none;margin-top:6px;display:block}}@media (width<=650px){.manual-mixer{grid-template-columns:1fr}.manual-mixer .crossfader{gap:10px;padding:14px}.workspace{grid-template-columns:1fr}.browser{max-height:400px}.manual-deck{grid-template-columns:1fr 125px}.record{grid-area:3/1/6}.manual-deck video{grid-area:3/2;display:block}.deck-clock{grid-area:4/2}.manual-deck>label:not(.file-picker){grid-column:2}.project{display:none}}@media (prefers-reduced-motion:reduce){.spinning{animation:none}}*{box-sizing:border-box}body{min-width:320px}button,input,select{touch-action:manipulation}section,aside{min-width:0}input[type=range]{min-height:32px}footer [role=status]{overflow-wrap:anywhere}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #63cfff}@media (width<=700px){header{flex-wrap:wrap;height:auto;min-height:48px;padding:12px}.brand{font-size:12px}.manual-note{letter-spacing:0;padding:10px 12px;font-size:11px;line-height:1.5}.manual-mixer{flex-direction:column;gap:8px;padding:8px;display:flex}.manual-mixer .manual-deck{grid-template-columns:minmax(0,1fr) 96px;gap:10px;padding:12px;display:grid}.manual-deck h2{font-size:16px}.track-name{font-size:14px;line-height:1.4}.record{width:120px;max-width:100%;height:120px;margin:4px}.manual-deck video{width:96px;height:64px;display:block}.deck-clock{font-size:12px}.manual-buttons{flex-wrap:wrap;grid-column:1/-1}.manual-buttons button{flex:1;min-height:44px;font-size:14px}.manual-deck>label:not(.file-picker){grid-column:1/-1;font-size:13px}.manual-deck input[type=range]{min-height:36px}.manual-mixer .crossfader{gap:10px;padding:14px;display:flex}.crossfader input{width:100%;max-width:100%;min-height:44px}.crossfader label,.crossfader span{font-size:13px}.crossfader button{min-height:44px;font-size:14px}.file-picker input{min-height:36px;font-size:13px}.workspace{flex-direction:column;display:flex}.browser{width:100%;max-height:none;padding:12px;overflow:visible}.browser input{min-height:44px;font-size:16px}.browser>button{width:100%;min-height:44px;font-size:13px}.browser .track{grid-template-columns:1fr 1fr 44px;gap:8px;padding:12px 6px}.browser .track>span{grid-column:1/-1;font-size:14px;line-height:1.4}.browser .track button{width:100%;min-height:44px;margin:0;font-size:12px}.timeline{padding:14px}.timeline input,.timeline select{min-height:44px;font-size:16px}.timeline button{min-height:44px}footer{flex-direction:column;align-items:stretch;padding:12px;position:static}footer button{min-height:48px;font-size:14px}.render-preview{padding:12px}}.manual-mixer .manual-deck video{aspect-ratio:16/9;object-fit:contain;background:#000;grid-area:auto/1/auto/-1;width:100%;height:auto;max-height:300px;display:block}.manual-mixer .manual-deck .youtube-player{aspect-ratio:16/9;background:#000;border:1px solid #3b444d;grid-area:auto/1/auto/-1;width:100%;height:auto;min-height:200px;max-height:300px;overflow:hidden}.manual-mixer .manual-deck .youtube-player iframe{border:0;width:100%;height:100%;display:block}.manual-mixer .manual-deck .record{grid-area:auto/1;width:110px;height:110px}.manual-mixer .manual-deck .deck-clock{grid-area:auto/2;align-self:center}@media (width<=950px) and (width>=701px){.manual-mixer .manual-deck .deck-clock{grid-column:1}}html,body,#root,main{width:100%;min-width:320px;max-width:100%;margin:0}body{overflow-x:hidden}main{overflow:hidden}.waveform-overview{background:linear-gradient(#111923,#080c12);border:1px solid #303b49;border-radius:4px;height:74px;margin:0 8px 8px;padding:8px 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 24px #0008}.waveform-overview:before{content:"";opacity:.65;background:#455363;height:1px;position:absolute;inset:50% 12px auto}.waveform-bars{opacity:.9;align-items:center;gap:2px;height:100%;display:flex}.waveform-bars i{height:var(--bar);background:linear-gradient(#34c9d9 0 48%,#e44758 49% 54%,#1d7588 55%);border-radius:1px;flex:1;min-height:8%;max-height:88%;display:block}.waveform-bars i:nth-child(3n){opacity:.55}.waveform-bars i:nth-child(5n){background:#d49335}.waveform-marker{background:#f0f4f8;width:2px;position:absolute;top:0;bottom:0;box-shadow:0 0 7px #fff}.waveform-marker-a{left:28%}.waveform-marker-b{background:#ffbe3e;left:72%;box-shadow:0 0 7px #ffbe3e}.manual-mixer{border-top:1px solid #303b49}.manual-deck{background:linear-gradient(#141b24,#0c1117);border:1px solid #303b49;border-radius:3px;padding:12px;box-shadow:inset 0 0 20px #0005}.manual-deck h2{text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #303b49;justify-content:space-between;align-items:baseline;margin:0;padding-bottom:7px;display:flex}.manual-deck h2 small{color:#6f8193;letter-spacing:.08em;font-size:9px}.manual-deck .track-name{color:#e8edf3;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.crossfader{border-left:1px solid #303b49;border-right:1px solid #303b49;background:#10161e!important}.workspace .browser{background:#0a0f15}.workspace .browser .track{border-top-color:#202a35}.workspace .browser .track:hover{background:#17232c}@media (width<=700px){.waveform-overview{height:58px;margin:0 8px}.waveform-bars{gap:1px}.manual-deck{border-radius:3px}}main>header{width:100%;min-width:0}.performance-layout{align-items:stretch;width:100%;flex-direction:column!important;display:flex!important}.performance-layout>[aria-label=Mixer\ manual]{min-width:0}.performance-layout>.workspace{border-top:1px solid #39414a;border-left:0;grid-template-rows:auto;grid-template-columns:none;min-width:0;min-height:0;display:block!important}.performance-layout .browser{border-bottom:1px solid #39414a;border-right:0;align-self:stretch;height:auto;min-height:300px;max-height:420px;position:relative;top:auto}.performance-layout>[aria-label=Mixer\ manual]>p.manual-note:last-child{display:none}.performance-layout .manual-library{margin-top:0}.performance-layout .manual-library .browser{min-height:0;max-height:330px;padding:10px 14px}.performance-layout .manual-library .browser .section-title{margin-bottom:8px;padding:4px 0 8px}.performance-layout .manual-library .browser>input{margin-bottom:7px;padding:7px 9px}.performance-layout .manual-library .browser .library-actions{margin-bottom:6px}.performance-layout .manual-library .browser .playlist-hint{margin:0 0 6px;font-size:9px}.performance-layout .manual-library .browser .track{min-height:34px;padding:5px 3px}.manual-mixer .manual-deck .deck-queue{color:#aebdce;background:#0a1017;border:1px solid #344557;border-radius:5px;order:10;grid-column:1/-1;width:100%;min-width:0;min-height:110px;margin-top:8px;padding:12px;font-size:12px;display:block}.deck-queue .queue-current,.deck-queue .queue-empty{overflow-wrap:anywhere;margin:8px 0;line-height:1.5}.deck-queue .queue-current{color:#e0e8f2}.deck-queue strong{color:var(--deck-color,#8ea0b5);letter-spacing:.06em;flex:none}.deck-queue span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.queue-items{gap:4px;width:100%;max-height:200px;margin:8px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.queue-item{background:#121923;border:1px solid #283646;border-radius:3px;align-items:center;gap:4px;min-width:0;padding:3px 5px;display:flex}.queue-item span{text-overflow:ellipsis;white-space:nowrap;color:#b7c5d4;flex:1;min-width:0;overflow:hidden}.queue-item button{min-height:30px;padding:5px 8px;font-size:12px;line-height:1.2}.performance-layout .timeline{min-height:0;max-height:250px;overflow:auto}.timeline .generate{width:100%;min-height:42px;margin-top:16px}.timeline .render-hint,.timeline .render-message{color:#b7c4d3;background:#10151b;border:1px solid #39414a;border-radius:5px;padding:10px 12px}.timeline .render-message.is-error{color:#faa;background:#2a171a;border-color:#914747}.external-output-button{white-space:nowrap;color:#e8fbff;background:#123642;border-color:#248ca5;font-size:10px}.manual-mixer{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);align-items:stretch;width:100%;min-width:0}.manual-mixer>.manual-deck,.manual-mixer>.crossfader{min-width:0}.manual-deck{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;min-width:0}.manual-deck>*{min-width:0;max-width:100%}.manual-deck .track-name{overflow-wrap:anywhere;grid-column:1/-1;width:100%;line-height:1.35}.manual-deck video{grid-column:1/-1;width:100%;min-width:0}.manual-deck .deck-volume-control{background:#11151a;border:1px solid #49515a;border-radius:5px;grid-column:1/-1;grid-template-columns:minmax(0,1fr);align-content:center;gap:5px;padding:6px 9px;display:grid}.deck-volume-control>span{min-width:0;color:var(--deck-color);letter-spacing:.04em;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.deck-volume-control strong{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;letter-spacing:.03em;font-size:11px}.deck-volume-control output{font-variant-numeric:tabular-nums;color:#e2e8ee;font-size:12px;font-weight:700}.deck-volume-control input[type=range]{width:100%;min-width:0;accent-color:var(--deck-color);grid-column:1/-1}.midi-panel{z-index:3;flex-wrap:nowrap;align-items:center;gap:7px;width:100%;min-width:0;padding:7px 10px;display:flex;position:relative;overflow:visible}.midi-panel>button{white-space:nowrap}.midi-panel>span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:90px;overflow:hidden}.midi-panel details,.midi-bindings{min-width:0;max-width:100%}.midi-group{flex:0 auto;width:auto;min-width:0;position:relative}.midi-group summary{white-space:nowrap;overflow-wrap:normal;word-break:normal;background:#191e25;border:1px solid #39414a;border-radius:5px;padding:8px 12px}.midi-panel .midi-group summary{padding:7px 9px}.midi-panel>button:last-child{margin-left:auto;padding:7px 9px}.midi-bindings{z-index:5;background:#11151a;border:1px solid #39414a;border-radius:6px;width:min(520px,90vw);max-height:min(55vh,440px);padding:10px;position:absolute;top:100%;left:0;overflow:auto;box-shadow:0 12px 32px #0009}.midi-bindings button{overflow-wrap:anywhere;max-width:100%}.manual-deck .video-empty{aspect-ratio:16/9;text-align:center;color:#8e9aa7;letter-spacing:1px;background:radial-gradient(#202830,#080b10 72%);border:1px solid #41464b;grid-area:auto/1/auto/-1;place-items:center;width:100%;min-width:0;min-height:240px;font-size:12px;display:grid}.manual-deck video{aspect-ratio:16/9;object-fit:contain;background:#05070a;grid-area:auto/1/auto/-1;width:100%;height:auto;min-height:240px}.manual-deck .file-picker{white-space:normal;order:8;grid-column:1/-1;min-width:0}.manual-deck .file-picker input{white-space:normal;width:100%;min-width:0;max-width:100%;font-size:11px;display:block}.manual-deck .deck-clock{text-align:right;white-space:nowrap;order:5;grid-column:1/-1;width:100%;margin:0;padding:0 4px;font-size:12px}.manual-deck .cue-status{overflow-wrap:anywhere;grid-column:1/-1;min-width:0}.manual-deck .manual-buttons{flex-wrap:wrap;order:6;grid-column:1/-1;min-width:0}.manual-deck .cue-status{order:7}.manual-deck .deck-volume-control{order:8}.manual-deck .file-picker{order:9}.workspace{border-top:1px solid #39414a;grid-template-columns:minmax(280px,32%) minmax(0,1fr);align-items:stretch;width:100%;min-width:0}.browser,.timeline{width:100%;min-width:0;max-width:100%}.browser{border-right:1px solid #39414a;align-self:stretch;max-height:none;position:relative;top:auto;overflow:auto}.browser .section-title{z-index:2;background:#101215;padding:12px 0 10px;position:sticky;top:-14px}.browser .track{grid-template-columns:minmax(0,1fr) auto auto 36px;gap:6px;min-width:0;display:grid}.browser .track>span{overflow-wrap:anywhere;min-width:0}.browser .track button{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}.library-actions{align-items:center;gap:8px;margin:0 0 10px;display:flex}.library-actions button:first-child{flex:1}.library-actions button:last-child:not(:first-child){flex:none}.browser .library-actions+input{margin-top:0}.playlist-hint{color:#8492a2;margin:-3px 0 10px;font-size:10px;line-height:1.4;display:block}.timeline{min-height:50vh;overflow:hidden}.timeline .track span{overflow-wrap:anywhere;min-width:0}.render-preview video{object-fit:contain;background:#000;width:100%;height:auto;max-height:55vh;display:block}@media (width<=1100px) and (width>=701px){.performance-layout{grid-template-columns:minmax(0,1fr)}.performance-layout>.workspace{border-top:1px solid #39414a;border-left:0;grid-template-rows:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.performance-layout .browser{height:350px;min-height:300px;max-height:55vh}.performance-layout .timeline{max-height:55vh;overflow:auto}.browser{max-height:calc(100vh - 24px);position:sticky;top:8px}.manual-mixer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.manual-mixer>.crossfader{grid-area:2/1/auto/-1;min-height:130px;padding:14px}.manual-mixer>.deck-B{grid-area:1/2}.manual-mixer>.deck-A{grid-area:1/1}.manual-mixer .crossfader input{width:min(70%,360px);max-width:100%}.workspace{grid-template-columns:minmax(240px,34%) minmax(0,1fr)}.browser .track{grid-template-columns:minmax(0,1fr) 1fr 1fr 34px}.midi-panel{flex-wrap:wrap}.midi-panel>span{flex:220px}}@media (width<=700px){main{overflow:clip}main>header{gap:8px;padding:10px 12px}main>header .external-output-button{padding:7px 8px;font-size:9px}.manual-mixer{flex-direction:column;align-items:stretch;gap:8px;padding:8px;display:flex}.manual-mixer>.crossfader{order:2;width:100%;min-height:0}.manual-mixer>.deck-A{order:1}.manual-mixer>.deck-B{order:3}.manual-deck{grid-template-columns:minmax(0,1fr);gap:8px;padding:10px;display:grid}.manual-deck .track-name,.manual-deck h2,.manual-deck .file-picker,.manual-deck [role=status],.manual-deck [role=alert]{grid-column:1/-1}.midi-panel{flex-direction:column;align-items:stretch}.midi-panel .midi-group{width:100%}.midi-panel{flex-wrap:wrap}.midi-panel>span{white-space:normal}.midi-panel>button:last-child{justify-self:stretch;margin-left:0}.midi-bindings{width:100%;max-height:40vh;box-shadow:none;margin-top:6px;position:static}.manual-deck video{aspect-ratio:16/9;object-fit:contain;grid-area:auto/1/auto/-1;width:100%;height:auto;min-height:190px}.manual-deck .video-empty{aspect-ratio:16/9;grid-column:1/-1;min-height:190px}.manual-deck .deck-clock{grid-area:auto/2;font-size:12px}.manual-deck>input[type=range]{grid-column:1/-1;width:100%}.manual-deck .manual-buttons{flex-wrap:wrap;grid-column:1/-1;display:flex}.manual-deck .manual-buttons button{flex:1;min-width:120px;min-height:44px}.manual-deck>label:not(.file-picker){grid-column:1/-1}.performance-layout{flex-direction:column;width:100%;display:flex}.workspace{flex-direction:column;gap:0;width:100%;display:flex}.browser{border-bottom:1px solid #39414a;border-right:0;order:0;width:100%;min-height:320px;max-height:60vh;position:relative;overflow:auto}.browser .section-title{top:-12px}.browser .track{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) 34px}.browser .track>span{grid-column:1/-1}.timeline{order:1;width:100%;min-height:0;overflow:visible}footer{width:100%}}@media (width>=1101px){.workspace{grid-template-columns:minmax(360px,40%) minmax(0,1fr)}.manual-mixer{grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr)}.manual-deck{grid-template-columns:minmax(0,1fr)}.manual-deck .video-empty{max-height:none}.manual-mixer .crossfader{gap:14px}}@media (width>=1500px){.performance-layout .browser{min-height:320px;max-height:460px}}.mode-switch{background:#101215;border-bottom:1px solid #363b42;gap:8px;padding:10px 16px;display:flex}.mode-switch button{letter-spacing:.04em;font-size:11px;font-weight:700}.mode-switch button.active{color:#fff;background:#168ca4;border-color:#30b9d2}.workspace.manual-library{grid-template-columns:minmax(0,1fr)}.workspace.manual-library .browser{max-height:min(52vh,560px)}@media (width<=650px){.mode-switch{z-index:5;position:sticky;top:0}.mode-switch button{flex:1;padding:10px 6px}.workspace.manual-library .browser{max-height:55vh}}.browser .library-toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.browser .library-toolbar span{float:none;margin-left:auto}.browser .library-toolbar button{padding:4px 9px;font-size:11px}.browser .playlist-form{align-items:center;gap:8px;margin:0 0 8px;display:flex}.browser .playlist-form input{flex:1;min-width:0;margin:0}.browser .playlist-form button{flex-shrink:0;padding:6px 10px;font-size:11px}@media (width<=600px){.browser .playlist-form{flex-wrap:wrap}.browser .playlist-form input{flex-basis:100%}}.manual-mixer .manual-deck{grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;padding:8px;display:grid}.manual-mixer .manual-deck>*{grid-area:auto/1/auto/-1;min-width:0}.manual-mixer .manual-deck h2{order:0;padding-bottom:4px}.manual-mixer .manual-deck .track-name{order:1;min-height:0;padding:5px 8px;font-size:12px}.manual-mixer .manual-deck video,.manual-mixer .manual-deck .video-empty{object-fit:contain;aspect-ratio:auto;order:2;width:100%;height:clamp(150px,25vh,240px);min-height:0;max-height:240px}.manual-mixer .manual-deck>input[type=range]{order:3}.manual-mixer .manual-deck .deck-clock{order:4;padding:0;font-size:11px}.manual-mixer .manual-deck .manual-buttons{order:5;gap:5px;margin:0}.manual-mixer .manual-deck .manual-buttons button{min-height:28px;padding:5px 9px}.manual-mixer .manual-deck .cue-status{order:6;font-size:10px}.manual-mixer .manual-deck .deck-volume-control{order:7;gap:0;padding:4px 8px}.manual-mixer .manual-deck .file-picker{order:8;margin:0;font-size:10px}.manual-mixer .manual-deck .file-picker input{margin:2px 0 0;font-size:10px}.manual-mixer .manual-deck .deck-queue{flex-direction:column;order:9;gap:4px;height:clamp(130px,20vh,210px);min-height:130px;margin:0;padding:8px;display:flex;overflow:hidden}.manual-mixer .deck-queue .queue-current{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;margin:0;font-size:10px;overflow:hidden}.manual-mixer .deck-queue .queue-items{flex:1;align-content:start;min-height:0;max-height:none;margin:0;overflow:auto}.manual-mixer .deck-queue .queue-item{flex-shrink:0;font-size:11px}.manual-mixer .deck-queue .queue-item button{white-space:nowrap;min-height:28px}.manual-mixer .manual-deck [role=status],.manual-mixer .manual-deck [role=alert]{order:10}.performance-layout .manual-library .browser{max-height:260px;padding:8px 12px}@media (width>=1200px){.manual-mixer .manual-deck{grid-template-columns:minmax(0,1fr) minmax(220px,.7fr)}.manual-mixer .manual-deck>*{grid-column:1!important}.manual-mixer .manual-deck .deck-queue{grid-row:1/14;align-self:stretch;height:100%;min-height:0;grid-column:2!important}.manual-mixer .manual-deck .deck-clock,.manual-mixer .manual-deck .deck-volume-control{grid-column:1}}.auth-shell{background:radial-gradient(circle at 50% -20%,#182235,#090b10 55%);place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.admin-create,.admin-list{background:#10151d;border:1px solid #293545;border-radius:12px;width:min(100%,460px);padding:28px;box-shadow:0 18px 50px #0005}.auth-card .brand{letter-spacing:1px;color:#f4f7fb;font-weight:800}.auth-card h1,.admin-heading h1{color:#eff4fb;margin:26px 0 8px;font-size:24px}.auth-card p,.admin-create small{color:#9ba8ba;font-size:13px}.auth-card label,.admin-create label{color:#bdc7d5;gap:7px;margin-top:17px;font-size:13px;display:grid}.auth-card input,.admin-create input{color:#f2f5f9;background:#080c11;border:1px solid #344050;border-radius:6px;outline:none;width:100%;padding:11px 12px}.auth-card input:focus,.admin-create input:focus{border-color:#28bed6;box-shadow:0 0 0 2px #28bed633}.auth-submit{color:#fff;background:#168da5;border-color:#20aec9;width:100%;margin-top:20px;padding:11px;font-weight:700}.auth-submit:disabled{opacity:.6;cursor:wait}.auth-error{background:#391c20;border:1px solid #8e4249;border-radius:6px;padding:10px 12px;font-size:13px;color:#ff9a9d!important}.auth-success{background:#153328;border:1px solid #287753;border-radius:6px;padding:10px 12px;font-size:13px;color:#94e3b8!important}.session-user{color:#aeb9c9;white-space:nowrap;font-size:12px}.admin-panel{max-width:900px;margin:32px auto;padding:0 20px 40px}.admin-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.admin-heading h1{margin:0}.admin-create,.admin-list{width:100%;margin:14px 0;padding:20px}.admin-create h2,.admin-list h2{margin:0 0 8px;font-size:17px}.admin-create small{font-size:11px}.admin-user{color:#d5deea;border-top:1px solid #293545;grid-template-columns:1fr 150px 100px;gap:12px;padding:11px 4px;font-size:13px;display:grid}.admin-user span:nth-child(2),.admin-user span:nth-child(3){color:#91a0b4}@media (width<=760px){header{flex-wrap:wrap;gap:10px;height:auto;min-height:64px;padding:12px}.session-user{margin-left:auto}.admin-heading{align-items:flex-start;gap:12px}.admin-user{grid-template-columns:1fr auto}.admin-user span:last-child{grid-column:2}}.youtube-preview{color:#dbe2eb;background:#0b0e12;min-height:100vh;padding-bottom:18px;font:14px Inter,system-ui,Arial,sans-serif}.yp-preview-banner{color:#d6f6ff;background:#213748;border-bottom:1px solid #2a7189;justify-content:space-between;align-items:center;gap:14px;padding:9px 18px;font-size:12px;display:flex}.yp-preview-banner strong{letter-spacing:.06em}.yp-preview-banner span{color:#afc5d2}.yp-topbar{background:linear-gradient(#272b30,#171a1e);border-bottom:1px solid #050607;align-items:center;gap:22px;height:56px;padding:0 18px;display:flex}.yp-brand{letter-spacing:1px;color:#fff;font-weight:800}.yp-topbar>span{color:#8995a2;border-left:1px solid #38414a;flex:1;padding-left:22px}.yp-topbar button{color:#c8f6ff;background:#102a32;border-color:#148ca5;font-size:11px}.yp-mode,.yp-toolbar{background:#101317;border-bottom:1px solid #29313a;align-items:center;gap:8px;padding:10px 14px;display:flex}.yp-mode button{font-weight:700}.yp-mode .selected{color:#fff;background:#138da3}.yp-toolbar{justify-content:flex-end;padding:8px 12px}.yp-toolbar button,.yp-mode button,.yp-transport button,.yp-lower button,.yp-crossfader button{color:#b7c3cf;background:#171c23;border:1px solid #343d48;border-radius:6px;padding:9px 12px}.yp-mixer{background:#070809;grid-template-columns:minmax(0,1fr) 142px minmax(0,1fr);gap:5px;padding:6px;display:grid}.yp-deck{--deck-accent:#30b9f4;background:linear-gradient(145deg,#171e27,#0e1218);border:1px solid #35404c;border-radius:5px;flex-direction:column;gap:9px;min-width:0;padding:12px;display:flex}.yp-red{--deck-accent:#f05656}.yp-deck-heading{color:var(--deck-accent);justify-content:space-between;align-items:center;font-size:16px;display:flex}.yp-deck-heading span{color:#8290a0;letter-spacing:.1em;font-size:10px}.yp-track-title{background:#0b0e12;border:1px solid #36414c;min-height:38px;padding:9px 11px;font-weight:650}.yp-player-frame{aspect-ratio:16/9;background:#000;border:1px solid #3b444d;width:100%;min-height:200px;overflow:hidden}.yp-player-frame iframe{border:0;width:100%;height:100%;display:block}.yp-progress{background:#5d6267;border-radius:99px;height:7px;margin-top:2px;overflow:hidden}.yp-progress span{background:var(--deck-accent);border-radius:99px;height:100%;display:block}.yp-clock{color:var(--deck-accent);justify-content:space-between;font:700 13px ui-monospace,monospace;display:flex}.yp-transport{gap:7px;display:flex}.yp-transport button:first-child{background:var(--deck-accent);border-color:var(--deck-accent);color:#071018;font-weight:700}.yp-cues{color:#d5dbe2;font-size:13px}.yp-volume{color:var(--deck-accent);border:1px solid #3b444e;border-radius:5px;padding:9px;font-weight:700;display:block}.yp-volume span{justify-content:space-between;display:flex}.yp-volume b{color:#e0e5e9}.yp-volume input{width:100%;accent-color:var(--deck-accent);margin-top:9px}.yp-embed-note{color:#f99;margin:0;font-size:12px;line-height:1.4}.yp-crossfader{text-align:center;color:#bac6d2;background:#10161e;border:1px solid #35404c;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:17px;padding:12px 8px;display:flex}.yp-crossfader strong{letter-spacing:.22em}.yp-crossfader span{color:#9eacb8;font-size:11px}.yp-crossfader input{accent-color:#bdc7d0;width:100%}.yp-crossfader b{font-size:12px}.yp-crossfader small{font-size:11px}.yp-lower{grid-template-columns:1fr 1fr;gap:10px;padding:6px;display:grid}.yp-lower section{background:#0c1117;border:1px solid #303b47;border-radius:5px;min-width:0;padding:12px}.yp-lower section>strong{color:#30b9f4;letter-spacing:.06em}.yp-lower section+section>strong{color:#f05656}.yp-lower p{color:#aeb9c5;font-size:12px}.yp-lower section div{color:#c8d0d9;border-top:1px solid #252e38;justify-content:space-between;align-items:center;gap:12px;padding:6px;font-size:12px;display:flex}.yp-lower button{color:#bdcad6;padding:5px 8px}.yp-footer{color:#8693a1;border-top:1px solid #252e38;padding:10px 14px;font-size:11px}.yp-notice{color:#f5d8a6;background:#3a2a14;margin:0;padding:9px 14px;font-size:12px}@media (width<=980px){.yp-mixer{grid-template-columns:minmax(0,1fr) 92px minmax(0,1fr)}.yp-deck{padding:8px}.yp-crossfader{gap:12px}.yp-preview-banner{flex-direction:column;align-items:flex-start;gap:3px}}@media (width<=700px){.yp-topbar{gap:10px;padding:0 10px}.yp-topbar>span{padding-left:10px;font-size:11px}.yp-topbar button{padding:7px;font-size:9px}.yp-toolbar{flex-wrap:wrap;justify-content:center}.yp-mixer{grid-template-columns:1fr}.yp-crossfader{order:3;min-height:170px}.yp-lower{grid-template-columns:1fr}.yp-player-frame{min-height:200px}}