@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";.dj-page{position:fixed;z-index:95;top:0;right:0;bottom:0;left:0;overflow:auto;background:radial-gradient(circle at 10% 0,#3a1333 0,transparent 24%),radial-gradient(circle at 90% 10%,#0c3b47 0,transparent 22%),linear-gradient(180deg,#08060b,#050407);color:#f9edf6;padding:10px 10px 90px}.dj-header{max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid #44364a;border-radius:18px;background:#100d13e8;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:sticky;top:8px;z-index:8;box-shadow:0 14px 45px #0009}.dj-brandmark{display:flex;align-items:center;gap:9px}.dj-brandmark img{width:74px;border-radius:10px}.dj-brandmark div{display:grid}.dj-brandmark b{font-size:19px;letter-spacing:.08em}.dj-brandmark span{font-size:8px;color:#bb8eaa;letter-spacing:.13em}.dj-head-actions{display:flex;gap:7px}.dj-head-actions button{width:40px;height:40px;border-radius:12px;border:1px solid #4a394e;background:#17111a;color:#fff;font-size:20px}.quick-strip{max-width:1480px;margin:9px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.quick-strip button{min-height:46px;border:1px solid #47364c;border-radius:13px;background:linear-gradient(180deg,#1b131e,#120f15);color:#e8c7dd;font-size:10px;font-weight:900;letter-spacing:.04em}.quick-strip button:first-child{background:linear-gradient(135deg,#ff2e93,#8e2ff5);color:#fff;border:0}.quick-strip .recording{animation:pulse 1s infinite}.dj-console{max-width:1480px;margin:auto;display:grid;gap:9px}.deck,.mixer{border:1px solid #433349;border-radius:21px;background:linear-gradient(180deg,#171119,#0d0a10);box-shadow:0 16px 50px #0008,inset 0 1px #ffffff08}.deck{padding:12px}.deck-title{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:9px}.deck-title>span{font-size:9px;letter-spacing:.14em;font-weight:900;color:#ff83c4}.deck-b .deck-title>span{color:#75efff}.deck-title>b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-title button{border:0;border-radius:10px;background:#241827;color:#fff;font-size:9px;font-weight:900;padding:9px 11px}.wave{width:100%;height:74px;border:1px solid #3b2c40;border-radius:13px;background:#0b0910;display:block}.deck-main{display:grid;grid-template-columns:130px 1fr;gap:12px;margin-top:11px}.platter-wrap{text-align:center}.platter{width:122px;height:122px;border-radius:50%;margin:auto;position:relative;background:radial-gradient(circle at 50% 50%,#24151f 0,#24151f 17%,#0b0a0c 18%,#0b0a0c 20%,#151217 21%,#151217);border:3px solid #342a37;box-shadow:0 0 0 7px #0b0a0d,0 0 24px #ff2e9320;transform:rotate(var(--rot));touch-action:none}.record-rings{position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:repeating-radial-gradient(circle,#2b252d 0,#2b252d 1px,#0d0b10 2px,#0d0b10 4px)}.record-label{position:absolute;top:36%;right:36%;bottom:36%;left:36%;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff2e93,#8a2de7 55%,#0bdff2);color:#0a0710;font-size:9px;font-weight:1000}.record-label b{font-size:13px;line-height:1}.record-label span{font-size:8px;line-height:1}.platter-wrap small{display:block;margin-top:8px;color:#8f6e89;font-size:8px}.deck-controls{display:grid;gap:10px}.transport{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:5px}.transport button{min-height:40px;border:1px solid #45364a;border-radius:11px;background:#151018;color:#d9b0ca;font-weight:900;font-size:9px}.transport .play{background:linear-gradient(135deg,#ff2e93,#942df0);color:#fff;border:0;font-size:18px}.transport .active{border-color:#08e8ff;color:#08e8ff}.knobs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.knob-wrap{text-align:center;font-size:8px;color:#b98ba9}.knob{width:48px;height:48px;margin:auto auto 5px;border-radius:50%;position:relative;background:radial-gradient(circle,#121016 0,#121016 44%,#2b2330 46%,#2b2330 54%,#0d0b10 56%,#0d0b10);border:1px solid #4a3a50;box-shadow:inset 0 0 0 3px #09070b}.knob:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:2px solid #ff2e9344;border-top-color:#ff2e93;border-right-color:#8f2ef1}.knob.cyan:after{border-top-color:#09e6f9;border-right-color:#09e6f9}.knob.violet:after{border-top-color:#9d39ff;border-right-color:#9d39ff}.knob i{position:absolute;left:50%;top:8px;width:2px;height:14px;background:#fff;transform-origin:50% 16px;box-shadow:0 0 6px currentColor}.faders,.fx-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px}.faders label,.fx-mini label{display:grid;grid-template-columns:auto 1fr auto;gap:6px;align-items:center;font-size:8px;color:#b98aa8}.faders input,.fx-mini input{width:100%;accent-color:#ff2e93}.deck-readout{display:flex;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px solid #302536;color:#a77d9a;font-size:8px}.mixer{padding:12px}.mixer-title{text-align:center;font-size:10px;letter-spacing:.17em;color:#efc6df;font-weight:900}.mixer-title span{color:#0be8fb}.cross-labels{display:flex;justify-content:space-between;margin:10px 4px 3px;font-size:8px;color:#a67b99}.crossfader{position:relative;padding:10px 14px}.crossfader input{width:100%;accent-color:#ff2e93}.crossfader i{position:absolute;top:1px;transform:translate(-50%);width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#0c0a0e;border:1px solid #ff2e93;box-shadow:0 0 16px #ff2e9360;color:#0de9f9;font-style:normal;font-weight:1000}.xpad{height:150px;border:1px solid #4a374f;border-radius:16px;margin-top:10px;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px),radial-gradient(circle at 50% 50%,#2c1430,#0b0910);background-size:25% 25%,25% 25%,100% 100%;position:relative;touch-action:none;overflow:hidden}.xpad>b{position:absolute;left:10px;top:9px;font-size:9px;letter-spacing:.15em;color:#e5b9d6}.xpad>small{position:absolute;left:10px;bottom:8px;font-size:8px;color:#926d89}.xpad-dot{position:absolute;width:26px;height:26px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ff2e93,#09e5f7);box-shadow:0 0 20px #ff2e93,0 0 30px #09e5f766}.mixer-shortcuts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:8px}.mixer-shortcuts button{min-height:36px;border:1px solid #403044;border-radius:10px;background:#151019;color:#d7aeca;font-size:8px;font-weight:900}.help-modal{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:18px}.help-modal>div{width:min(560px,100%);background:#130f16;border:1px solid #4e3c53;border-radius:22px;padding:20px;box-shadow:0 25px 80px #000}.help-modal h2{font-size:16px;letter-spacing:.12em}.help-modal p{font-size:12px;line-height:1.55;color:#d4afc7}.help-x{float:right;width:38px;height:38px;border-radius:50%;border:1px solid #4b394f;background:#1b141f;color:#fff;font-size:22px}@keyframes pulse{50%{box-shadow:0 0 25px #ff2e93}}@media (min-width:900px){.dj-page{padding:16px 16px 44px}.dj-header{padding:12px 16px}.dj-brandmark img{width:96px}.dj-brandmark b{font-size:24px}.quick-strip{grid-template-columns:1.25fr repeat(5,1fr);gap:8px}.quick-strip button{min-height:52px;font-size:11px}.dj-console{grid-template-columns:1fr 290px 1fr;align-items:stretch}.deck{padding:16px}.wave{height:96px}.deck-main{grid-template-columns:180px 1fr;gap:18px}.platter{width:170px;height:170px}.record-label{top:37%;right:37%;bottom:37%;left:37%}.knob{width:60px;height:60px}.knob-wrap{font-size:9px}.mixer{display:flex;flex-direction:column;justify-content:center;padding:16px}.xpad{height:220px}.mixer-shortcuts{margin-top:12px}.transport button{min-height:46px;font-size:10px}}@media (min-width:1250px){.dj-console{grid-template-columns:1fr 330px 1fr}.deck-main{grid-template-columns:210px 1fr}.platter{width:195px;height:195px}.knob{width:66px;height:66px}.wave{height:112px}}.deck-load-actions{display:flex;gap:5px;justify-content:flex-end}.deck-load-actions button{white-space:nowrap}.deck-import-more{border-color:#08e8ff55!important;color:#8cf5ff!important}.deck-source-modal{position:fixed;z-index:210;top:0;right:0;bottom:0;left:0;background:#000c;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.deck-source-modal>div{width:min(620px,100%);background:linear-gradient(180deg,#17101b,#0b0910);border:1px solid #513a58;border-radius:24px;padding:22px;box-shadow:0 30px 100px #000}.deck-source-modal h2{margin:9px 0 5px;font-size:24px}.deck-source-modal p{margin:0 0 15px;color:#b98ca9;font-size:12px}.source-bay-grid{display:grid;gap:8px}.source-bay-grid button{display:grid;grid-template-columns:1fr auto;gap:2px 12px;text-align:left;align-items:center;padding:12px;border:1px solid #49334f;border-radius:13px;background:#120e16;color:#fff}.source-bay-grid b{font-size:12px}.source-bay-grid small{font-size:9px;color:#9f7895}.source-bay-grid i{grid-column:2;grid-row:1/3;font-style:normal;font-size:9px;letter-spacing:.12em;color:#0ce9fb}.source-bay-note{display:block;margin-top:12px;color:#87677f}@media (min-width:700px) and (max-width:1099px){.dj-page{padding:14px 14px 54px}.dj-console{grid-template-columns:1fr 1fr}.mixer{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}.mixer-title,.sync-row,.cross-labels,.crossfader,.master-readout{grid-column:1/-1}.xpad{height:180px}.deck-main{grid-template-columns:150px 1fr}.platter{width:142px;height:142px}.quick-strip{grid-template-columns:repeat(6,1fr)}}@media (min-width:1100px){.dj-page{padding:18px 22px 38px;background:radial-gradient(circle at 8% 0,#49133d 0,transparent 27%),radial-gradient(circle at 92% 4%,#064c5a 0,transparent 27%),linear-gradient(180deg,#07050a,#030305)}.dj-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.2;background:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:44px 44px}.dj-header,.quick-strip,.dj-console{max-width:1800px}.dj-header{min-height:72px;border-radius:20px;box-shadow:0 18px 65px #000b,0 0 35px #ff2e9310}.quick-strip{margin:12px auto;gap:10px}.quick-strip button{min-height:58px;border-radius:14px;box-shadow:inset 0 1px #ffffff0b}.dj-console{grid-template-columns:minmax(0,1fr) 360px minmax(0,1fr);gap:14px}.deck,.mixer{border-color:#59405f;box-shadow:0 20px 70px #000a,inset 0 1px #ffffff0c}.deck{padding:18px}.deck-title{min-height:48px}.deck-title>b{font-size:13px}.wave{height:128px}.deck-main{grid-template-columns:220px minmax(0,1fr);gap:22px}.platter{width:205px;height:205px;box-shadow:0 0 0 8px #09080b,0 0 34px #ff2e9330}.deck-b .platter{box-shadow:0 0 0 8px #09080b,0 0 34px #08e8ff25}.transport button{min-height:50px}.knob{width:68px;height:68px}.mixer{padding:20px;justify-content:center}.mixer-title{font-size:12px;margin-bottom:8px}.xpad{height:250px;box-shadow:inset 0 0 45px #9b31f716}.source-bay-grid{grid-template-columns:1fr 1fr}}@media (min-width:1500px){.dj-console{grid-template-columns:minmax(520px,1fr) 390px minmax(520px,1fr)}.wave{height:148px}.deck-main{grid-template-columns:245px minmax(0,1fr)}.platter{width:230px;height:230px}.knob{width:74px;height:74px}.xpad{height:285px}}.dj-voice-status,.dj-output-safety{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;padding:9px 12px;border:1px solid var(--dj-line,rgba(255,255,255,.14));border-radius:10px;background:#785ab414;font-size:11px;letter-spacing:.04em}.dj-voice-status{color:var(--dj-cyan,#08e8ff)}.dj-output-safety{color:var(--dj-muted,#a5a5b5)}.dj-output-safety.clipping{color:#fff;background:#ff2d6938;border-color:#ff2d69;font-weight:800}.voice-command.active{border-color:#08e8ff!important;color:#08e8ff!important;box-shadow:0 0 0 1px #08e8ff33,0 0 18px #08e8ff1f}@media (max-width:600px){.dj-voice-status,.dj-output-safety{font-size:10px;padding:8px;flex-wrap:wrap}}.dj-mix-readiness{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:8px 0;padding:9px 12px;border:1px solid var(--dj-line,rgba(255,255,255,.14));border-radius:10px;background:#08e8ff0b;color:var(--dj-muted,#a5a5b5);font-size:10px;letter-spacing:.045em}@media (max-width:600px){.dj-mix-readiness{font-size:9px;gap:6px}}.dj-transition-panel{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin:10px 0 14px;padding:12px;border:1px solid var(--dj-line,rgba(255,255,255,.14));border-radius:12px;background:#9b31f712}.dj-transition-panel>div{display:flex;flex:1 1 180px;flex-direction:column;gap:4px}.dj-transition-panel>div b{font-size:11px;letter-spacing:.08em}.dj-transition-panel small{font-size:10px;opacity:.68}.dj-transition-panel label{display:flex;flex-direction:column;gap:5px;font-size:9px;letter-spacing:.08em}.dj-transition-panel select{max-width:160px;border:1px solid var(--dj-line,rgba(255,255,255,.16));border-radius:8px;padding:8px;background:var(--dj-panel,#171421);color:inherit}.dj-transition-panel button{padding:9px 12px;border:1px solid var(--dj-line,rgba(255,255,255,.18));border-radius:8px;background:#ffffff0f;color:inherit;font-size:10px;font-weight:800}.dj-transition-panel button.primary{background:linear-gradient(110deg,#f12b91,#803cff);border:0;color:#fff}.preview-transport button.active{border-color:#08e8ff;color:#08e8ff}@media (max-width:600px){.dj-transition-panel{align-items:stretch}.dj-transition-panel label{flex:1}.dj-transition-panel select{max-width:none;width:100%}.dj-transition-panel button{flex:1}}.dj-queue-panel{max-width:1480px;margin:10px auto 14px;padding:12px;border:1px solid var(--dj-line,rgba(255,255,255,.14));border-radius:14px;background:#08e8ff09}.dj-queue-panel>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.dj-queue-panel>header>div{display:flex;flex-direction:column;gap:4px}.dj-queue-panel>header b{font-size:11px;letter-spacing:.1em}.dj-queue-panel>header small,.dj-queue-panel>p{font-size:10px;line-height:1.5;opacity:.68}.dj-queue-panel>header>span{font-size:9px;color:#08e8ff;white-space:nowrap}.dj-queue-list{display:grid;gap:6px}.dj-queue-list article{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:8px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#00000029}.queue-order{font-size:10px;color:#08e8ff;font-weight:900}.queue-track{display:flex;flex:1;min-width:150px;flex-direction:column;gap:3px}.queue-track b{font-size:11px}.queue-track small{font-size:9px;opacity:.6}.dj-queue-list button,.source-bay-row button{border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:7px 9px;background:#ffffff0d;color:inherit;font-size:9px;font-weight:850}.queue-order-tools{display:flex;gap:3px}.source-bay-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px;border:1px solid #49334f;border-radius:13px;background:#120e16}.source-bay-row>div{display:flex;flex-direction:column;gap:4px;min-width:0}.source-bay-row b{font-size:11px}.source-bay-row small{font-size:9px;color:#9f7895}.source-bay-row button{white-space:nowrap}.source-bay-row button:last-child{color:#08e8ff;border-color:#08e8ff55}@media (max-width:600px){.source-bay-row{grid-template-columns:1fr 1fr}.source-bay-row>div{grid-column:1/-1}.dj-queue-list article{gap:5px}.queue-track{min-width:130px}}.master-level{display:grid;grid-template-columns:auto minmax(80px,1fr) 38px;align-items:center;gap:9px;margin:10px 2px 12px;padding:8px 10px;border:1px solid #3b2c40;border-radius:11px;background:#0b0910}.master-level label{font-size:9px;letter-spacing:.09em;font-weight:900;color:#d9b0ca}.master-level input{width:100%;accent-color:#08e8ff}.master-level span{text-align:right;font-size:10px;font-weight:900;color:#75efff}.dj-page button:disabled,.dj-page input:disabled{opacity:.42;cursor:not-allowed;filter:saturate(.45)}.dj-page .wave-locked{cursor:not-allowed;opacity:.5}.splash{display:none!important}.heavy-beats-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;overflow:hidden;background:#000;opacity:1;transition:opacity .32s ease,visibility .32s ease}.heavy-beats-splash.is-leaving{opacity:0;visibility:hidden}.heavy-beats-splash-glow{position:absolute;width:min(84vw,680px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(103,70,255,.15),rgba(255,35,199,.08) 42%,transparent 72%);filter:blur(26px);animation:heavyBeatGlow 2.8s ease-in-out infinite alternate}.heavy-beats-splash-record{position:relative;z-index:1;width:min(68vw,440px);aspect-ratio:1;display:grid;place-items:center;transform-origin:center;animation:heavyBeatSpin 18s linear infinite;will-change:transform}.heavy-beats-splash-icon{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 22px rgba(121,65,255,.14));animation:heavyBeatEnter 1.2s cubic-bezier(.2,.8,.2,1) both}.heavy-beats-splash-kicker{position:relative;z-index:1;font:800 9px/1 system-ui,sans-serif;letter-spacing:.34em;color:#b89ac9}.heavy-beats-splash-skip{position:absolute;right:18px;bottom:calc(18px + env(safe-area-inset-bottom));min-width:78px;height:38px;border:1px solid #8050b866;border-radius:999px;background:#100915cc;color:#fff;font:900 10px/1 system-ui,sans-serif;letter-spacing:.18em}.heavy-beats-splash-skip:focus-visible{outline:2px solid #08e8ff;outline-offset:3px}@keyframes heavyBeatSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes heavyBeatEnter{0%{opacity:0;transform:scale(.92);filter:blur(8px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes heavyBeatGlow{0%{opacity:.55;transform:scale(.92)}to{opacity:1;transform:scale(1.06)}}@media (max-width:600px){.heavy-beats-splash-record{width:min(82vw,420px)}}@media (prefers-reduced-motion:reduce){.heavy-beats-splash,.heavy-beats-splash-record,.heavy-beats-splash-icon,.heavy-beats-splash-glow{animation:none!important;transition:none!important;will-change:auto!important}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f8eef8;background:#07060a;--pink:#ff2e93;--violet:#962cff;--cyan:#08e8ff;--ink:#08070b;--panel:#141017;--panel2:#0f0c12;--line:#3d3141;--muted:#b78ba9;--shadow:0 20px 60px #0009}*{box-sizing:border-box}html{background:#07060a}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% -10%,#3b1535 0,transparent 28%),radial-gradient(circle at 88% 0,#0c3540 0,transparent 24%),linear-gradient(180deg,#09070d 0,#060508 55%,#07060a);color:#f8eef8}button,input,a{font:inherit}button,a{cursor:pointer}.app{min-height:100vh;padding:12px 12px 96px}.main-head{max-width:1280px;margin:0 auto 12px;padding:12px;border:1px solid #3c3040;border-radius:22px;background:linear-gradient(180deg,#161118ed,#0c0a0eed);box-shadow:0 12px 40px #0009,inset 0 1px #ffffff0d;display:flex;align-items:center;gap:10px;position:sticky;top:8px;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.main-head:before{content:"";position:absolute;left:22px;right:22px;top:0;height:2px;background:linear-gradient(90deg,var(--pink),var(--violet),var(--cyan));box-shadow:0 0 16px #d42fff99}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{width:118px;max-width:34vw;height:auto;display:block;border-radius:12px;filter:drop-shadow(0 0 14px #ff2e9326)}.brand-copy{display:none}.dj-launch{margin-left:auto;min-width:105px;padding:10px 12px;border:1px solid #ffffff22;border-radius:16px;background:linear-gradient(135deg,#ff2e93,#9a2eff 55%,#09dff5);color:#fff;box-shadow:0 0 26px #ff2e9345,inset 0 1px #fff5;font-weight:900;line-height:1.05;display:grid;gap:2px;text-align:center}.dj-launch strong{font-size:18px;letter-spacing:.06em}.dj-launch span{font-size:8px;letter-spacing:.16em}.dj-launch .dj-small{opacity:.8}.main-shell{max-width:1280px;margin:auto;display:grid;gap:12px}.card{background:linear-gradient(180deg,#17121a,#0d0a10);border:1px solid #3f3344;border-radius:22px;padding:15px;box-shadow:0 14px 40px #0007,inset 0 1px #ffffff0a}.section-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}.section-head>span{display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:#241725;color:#ff9bcf;font-size:10px;font-weight:900;letter-spacing:.08em}.section-head h2{font-size:13px;letter-spacing:.18em;margin:2px 0 1px}.section-head p{margin:0;color:#9d7995;font-size:10px}.seg,.profiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.seg{margin-bottom:12px}.seg button,.profiles button,.advanced-toggle{min-height:42px;border:1px solid #443548;background:#151119;color:#cca8c1;border-radius:13px;font-weight:850;font-size:12px}.seg button.active,.profiles button.active{background:linear-gradient(100deg,#ff2e93,#8f2ef5);color:#fff;border-color:transparent;box-shadow:0 0 18px #ff2e932f}.drop-main{width:100%;min-height:138px;border:1px dashed #725571;border-radius:19px;color:#fff;background:radial-gradient(circle at 50% 0,#2b1629 0,transparent 65%),#121016;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:18px}.drop-main b{font-size:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drop-main>span:last-child{font-size:11px;color:#a7839e}.drop-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--pink),var(--violet));font-size:25px;box-shadow:0 0 22px #ff2e9348}.profiles button{text-transform:none}.tune-grid{display:grid;gap:13px;margin-top:16px}.tune-slider>span{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.11em;color:#c89cb9;margin-bottom:6px}.tune-slider b{color:#fff}.tune-slider input{width:100%;height:6px;accent-color:var(--pink)}.advanced-toggle{width:100%;background:#151119;color:#d8abc8}.advanced-tune{display:grid;gap:13px;padding:12px;border:1px solid #392d3f;border-radius:16px;background:#0b090d}.state{display:inline-flex;padding:7px 10px;border-radius:999px;background:#241726;color:#ecadd2;font-size:9px;letter-spacing:.15em;margin-bottom:10px}.state.complete{background:#10332f;color:#6ff3e4}.state.rendering,.state.decoding,.state.capturing{background:#382508;color:#ffd676}.make-btn{width:100%;min-height:76px;border:0;border-radius:20px;color:#fff;background:linear-gradient(105deg,#f72b8f,#a12fed 56%,#0bdcf4);font-size:22px;font-weight:1000;letter-spacing:.08em;box-shadow:0 14px 34px #ff2e9333,inset 0 1px #fff4}.make-btn:disabled{filter:saturate(.35);opacity:.42;cursor:not-allowed}.make-btn i{display:inline-block;width:15px;height:15px;border:2px solid #fff;border-right-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.error{margin-top:11px;padding:11px;border-radius:13px;background:#32121f;border:1px solid #733044;color:#ffd0dc;font-size:11px;line-height:1.45}.output-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.output-actions button,.output-actions a{min-height:44px;border:1px solid #46374b;border-radius:13px;padding:10px;background:#151119;color:#fff;text-align:center;text-decoration:none;font-weight:800;font-size:11px}.output-actions .primary,.output-actions .send-dj{grid-column:1/-1;border:0;background:linear-gradient(105deg,#f72b8f,#8e2df2 66%,#08dff3)}.yt-panel form{display:flex;gap:8px}.yt-results-scroll{max-height:210px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:3px}.yt-panel input{min-width:0;flex:1;border:1px solid #493a4e;background:#0e0b11;color:#fff;border-radius:13px;padding:12px}.yt-panel form button{border:0;border-radius:13px;padding:0 13px;background:linear-gradient(135deg,var(--pink),var(--violet));color:#fff;font-weight:900}.yt-result{width:100%;display:flex;gap:9px;text-align:left;margin-top:8px;padding:8px;border:1px solid #392d3d;background:#0e0b11;color:#fff;border-radius:13px}.yt-result.selected{border-color:#09e1f7;box-shadow:0 0 0 1px #09e1f744}.yt-result img{width:90px;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.yt-result span{display:flex;flex-direction:column;gap:3px;min-width:0}.yt-result b{font-size:11px}.yt-result small{color:#a77d9c;font-size:9px}.yt-selected{margin-top:10px;display:grid;gap:8px}.yt-selected iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:13px}.yt-selected button{border:0;border-radius:13px;padding:13px;background:linear-gradient(135deg,#ff2e93,#08e8ff);color:#09070d;font-weight:1000}.yt-selected small{color:#b98eaa;font-size:10px;line-height:1.4}.install-banner{position:fixed;z-index:80;left:10px;right:10px;bottom:10px;margin:auto;max-width:760px;border:1px solid #5d435f;border-radius:17px;background:#110e14f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;gap:9px;padding:10px;box-shadow:0 16px 50px #000b}.install-banner img{width:44px;height:44px;border-radius:12px;object-fit:cover}.install-banner div{display:flex;flex-direction:column;flex:1;min-width:0}.install-banner b{font-size:12px}.install-banner span{font-size:9px;color:#b98dad}.install-banner button{border:0;border-radius:11px;padding:10px 12px;background:linear-gradient(135deg,var(--pink),var(--cyan));font-weight:1000;font-size:10px}.install-banner .xbtn{background:#2a202e;color:#fff}.splash{position:fixed;z-index:200;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:#000}.splash video{width:100%;height:100%;object-fit:cover;background:#000}.splash span{position:absolute;left:0;right:0;bottom:max(24px,env(safe-area-inset-bottom));font-size:9px;letter-spacing:.22em;color:#fff8}.visualizer{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;background:#020106}.visualizer canvas{width:100%;height:100%}.vis-close{position:absolute;top:max(16px,env(safe-area-inset-top));right:16px;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff2c;background:#111018d9;color:#fff;font-size:30px}.vis-title{position:absolute;left:18px;bottom:18px;letter-spacing:.2em;font-size:9px;color:#f0a6d6}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:760px){.app{padding:20px 20px 70px}.main-head{padding:14px 16px;margin-bottom:16px}.brand-logo{width:170px;max-width:none}.brand-copy{display:block}.brand-copy>span{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#e7b6d5}.brand-copy p{margin:3px 0 0;font-size:11px;color:#96738f}.dj-launch{min-width:185px;padding:13px 18px}.dj-launch strong{font-size:23px}.main-shell{grid-template-columns:1.12fr 1fr .9fr;align-items:start}.card{padding:18px;min-height:100%}.drop-main{min-height:180px}.output-actions{grid-template-columns:1fr 1fr}.make-btn{min-height:92px}.profile-card .profiles{grid-template-columns:repeat(4,1fr)}.tune-grid{grid-template-columns:1fr 1fr}.tune-grid>.advanced-toggle,.advanced-tune{grid-column:1/-1}.advanced-tune{grid-template-columns:1fr 1fr}.install-banner{top:16px;bottom:auto}}.source-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}.source-tabs button{min-width:0;padding-left:6px;padding-right:6px}.xfactor-panel{display:grid;gap:12px;margin-top:14px}.xfactor-intro{display:flex;flex-direction:column;gap:3px;padding:2px 3px}.xfactor-intro b{font-size:16px}.xfactor-intro span,.xfactor-tracks small,.xfactor-ready span{font-size:11px;color:var(--muted,#96738f)}.xfactor-tracks{display:grid;gap:8px}.xfactor-tracks button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:11px 13px;border:1px solid var(--line,#ffffff1c);border-radius:14px;background:var(--panel,#130c16);color:inherit;text-align:left}.xfactor-tracks button span{display:flex;flex-direction:column;gap:3px}.xfactor-tracks button b{font-size:13px}.xfactor-tracks button i{font-style:normal;font-size:9px;letter-spacing:.12em;padding:7px 9px;border-radius:9px;background:linear-gradient(100deg,#ff2e93,#9b31f7,#0be8f8);color:#fff}.xfactor-tracks button:disabled{opacity:.55}.xfactor-ready{padding:12px;border:1px solid #ff2e9340;border-radius:14px;background:#ff2e9308}.xfactor-ready>b,.xfactor-ready>span{display:block}.xfactor-ready .source-wave{margin-top:9px}html[data-theme=dark]{--bg:#07050a;--panel:#120d15;--panel2:#19111d;--text:#fff4fb;--muted:#b486a6;--line:#49364f;--soft:#211624}html[data-theme=light]{--bg:#f7f1f6;--panel:#fff;--panel2:#f0e7ef;--text:#21131e;--muted:#795a71;--line:#d7bfd1;--soft:#eadde7}body{background:var(--bg);color:var(--text)}.app-v2{min-height:100vh;padding-bottom:168px;background:radial-gradient(circle at 5% 0,#38112f44,transparent 32%),radial-gradient(circle at 95% 5%,#073b4444,transparent 28%),var(--bg)}.main-head{max-width:1500px;margin:auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:35;background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand-lockup{display:flex;align-items:center;gap:11px;min-width:0}.brand-logo{width:80px;aspect-ratio:1;object-fit:cover;border-radius:16px;box-shadow:0 0 28px #ff2e9340}.brand-title{min-width:0}.brand-title>span,.eyebrow{font-size:9px;letter-spacing:.2em;color:#ff69b6;font-weight:900}.brand-title h1{font-size:clamp(20px,5vw,34px);line-height:1;margin:3px 0;letter-spacing:.045em;background:linear-gradient(90deg,#fff,#ff86c3 35%,#b26bff 65%,#54efff);-webkit-background-clip:text;color:transparent}.brand-title p{margin:0;color:var(--muted);font-size:10px}.head-actions{display:flex;gap:7px}.head-actions button{width:40px;height:40px;border-radius:13px;border:1px solid var(--line);background:var(--panel2);color:var(--text);font-size:17px}.page-shell{max-width:1500px;margin:auto;padding:14px 12px 40px;min-height:60vh}.create-layout{display:grid;gap:12px}.card,.export-panel,.build-history,.exports-hero,.video-maker{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 96%,#ff2e93 4%),var(--panel));box-shadow:0 18px 54px #0005;padding:15px}.section-head{display:flex;gap:10px;align-items:flex-start;margin-bottom:13px}.section-head>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#ff2e93,#8d2ef3,#08e8ff);font-size:10px;font-weight:1000;color:#fff}.section-head h2,.section-head p{margin:0}.section-head h2{font-size:16px;letter-spacing:.13em}.section-head p{font-size:10px;color:var(--muted);margin-top:3px}.seg,.profiles,.isolate-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.seg button,.profiles button,.isolate-grid button{min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--muted);font-size:9px;font-weight:900}.seg .active,.profiles .active,.isolate-grid .active{border-color:#ff2e93;color:#fff;background:linear-gradient(135deg,#ff2e932a,#8e2ff52a,#0ee6f322);box-shadow:0 0 18px #ff2e9320}.drop-main{width:100%;margin-top:10px;min-height:108px;border:1px dashed #76506e;border-radius:18px;background:linear-gradient(135deg,#20131d,#111018);color:var(--text);display:grid;place-items:center;gap:3px;padding:15px}.drop-main b{font-size:12px}.drop-main>span:last-child{font-size:9px;color:var(--muted)}.drop-orb{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff2e93,#8d2ef3);font-size:22px}.source-wave{width:100%;height:84px;display:block;margin-top:10px;border:1px solid var(--line);border-radius:14px;background:#08070a}.yt-panel form{display:flex;gap:7px}.yt-panel input,.vm-title,.settings-modal select{flex:1;min-height:43px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);padding:0 12px}.yt-panel button{border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);padding:10px}.yt-result{display:grid!important;grid-template-columns:74px 1fr;gap:9px;width:100%;text-align:left;margin-top:8px}.yt-result img{width:74px;border-radius:9px}.yt-result span{display:grid}.yt-result small{color:var(--muted)}.yt-selected iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:14px;margin-top:10px}.yt-selected>button{width:100%;margin-top:7px;background:linear-gradient(135deg,#ff2e93,#8c2ff3);font-weight:900}.yt-selected small{display:block;color:var(--muted);font-size:9px;margin-top:6px}.profiles{grid-template-columns:repeat(2,1fr)}.isolate-box{margin-top:12px;border:1px solid var(--line);border-radius:15px;padding:12px;background:var(--soft)}.isolate-box>span{font-size:9px;font-weight:900;letter-spacing:.13em}.isolate-box>small{display:block;color:var(--muted);font-size:8px;margin:3px 0 9px}.tune-grid{display:grid;gap:11px;margin-top:12px}.tune-slider{display:grid;gap:6px}.tune-slider span{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);font-weight:800}.tune-slider b{color:var(--text)}input[type=range]{accent-color:#ff2e93}.advanced-toggle{min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);font-weight:900}.advanced-tune{display:grid;gap:11px}.state{padding:10px;border-radius:12px;text-align:center;font-size:9px;font-weight:900;letter-spacing:.14em;background:var(--soft);color:var(--muted)}.state.ready,.state.complete{color:#08e8ff}.state.rendering{color:#ff66b6}.make-btn{width:100%;min-height:62px;margin-top:12px;border:0;border-radius:17px;background:linear-gradient(100deg,#ff2e93,#8d2ef3 55%,#08e8ff);color:#fff;font-size:15px;font-weight:1000;letter-spacing:.08em;box-shadow:0 14px 34px #b02fff35}.make-btn:disabled{filter:grayscale(.7);opacity:.4}.create-note{color:var(--muted);font-size:9px;line-height:1.5}.exports-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}.exports-hero h2{font-size:22px;margin:4px 0}.exports-hero p{color:var(--muted);font-size:10px}.hero-kind,.kind{border-radius:999px;padding:7px 10px;font-size:8px;font-weight:900}.hero-kind.ggx,.kind.ggx{background:#ff2e9322;color:#ff71bb}.hero-kind.dj,.kind.dj{background:#0be8ff22;color:#42edff}.hero-kind.video,.kind.video{background:#a13aff22;color:#c88cff}.export-title{display:flex;justify-content:space-between;align-items:center}.export-title span{font-size:8px;color:var(--muted);letter-spacing:.15em}.export-title h3{margin:3px 0;font-size:14px}.export-title button{border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--text);padding:9px}.format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}.format-grid button,.format-grid a{min-height:54px;border:1px solid var(--line);border-radius:13px;background:var(--soft);color:var(--text);display:grid;place-items:center;text-decoration:none;font-size:10px;font-weight:900}.format-grid small{display:block;color:var(--muted);font-size:8px}.build-history{margin-top:12px}.history-head span{font-size:8px;color:var(--muted);letter-spacing:.15em}.history-head h3{margin:4px 0}.build-list{display:grid;gap:7px}.build-card{display:grid;grid-template-columns:1fr auto auto;gap:6px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:7px;background:var(--soft)}.build-card.active{border-color:#ff2e93}.build-main{text-align:left;border:0;background:transparent;color:var(--text);display:grid;gap:3px}.build-main b{font-size:10px}.build-main small{font-size:8px;color:var(--muted)}.kind{width:max-content;padding:3px 7px}.tiny-btn{width:43px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text);font-size:8px}.tiny-btn.danger{color:#ff76b9;font-size:16px}.empty-history{padding:30px;text-align:center;color:var(--muted);font-size:10px}.video-maker{margin-top:13px;background:var(--soft)}.vm-head{display:flex;justify-content:space-between;align-items:center}.vm-head span{font-size:8px;letter-spacing:.15em;color:#ff6bb6}.vm-head h3{margin:3px 0}.vm-badge{border:1px solid #08e8ff66;border-radius:999px;padding:5px 8px!important;color:#08e8ff!important}.vm-copy{font-size:9px;color:var(--muted);line-height:1.5}.vm-drop{min-height:82px;border:1px dashed #76506e;border-radius:14px;display:grid;place-items:center;padding:10px}.vm-drop input{display:none}.vm-drop b{font-size:10px}.vm-drop span{font-size:8px;color:var(--muted)}.vm-thumbs{display:flex;gap:5px;overflow:auto;margin:8px 0}.vm-thumbs div{position:relative}.vm-thumbs canvas{width:100px;border-radius:8px}.vm-thumbs span{position:absolute;right:4px;top:4px;background:#000b;color:#fff;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:8px}.vm-title{width:100%;margin-top:8px}.vm-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.vm-options label{display:grid;gap:4px;font-size:8px;color:var(--muted)}.vm-options select{min-height:39px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text)}.vm-render,.vm-download{width:100%;min-height:46px;margin-top:9px;border:0;border-radius:13px;background:linear-gradient(100deg,#ff2e93,#8f2df4,#08e8ff);color:#fff;font-weight:900;display:grid;place-items:center;text-decoration:none}.vm-progress{height:5px;background:#271c29;border-radius:999px;overflow:hidden;margin-top:7px}.vm-progress i{display:block;height:100%;background:linear-gradient(90deg,#ff2e93,#08e8ff)}.player-bar{position:fixed;z-index:75;left:12px;right:12px;bottom:88px;max-width:900px;margin:auto;display:grid;grid-template-columns:auto 1fr auto auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 92%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 14px 50px #0009}.player-bar button{height:40px;border:1px solid var(--line);border-radius:11px;background:var(--soft);color:var(--text);font-size:8px;font-weight:900}.player-main{width:44px!important;background:linear-gradient(135deg,#ff2e93,#8d2ef3)!important;color:#fff!important;font-size:16px!important}.player-info{min-width:0;display:grid;grid-template-columns:1fr auto;gap:2px 7px;align-items:center}.player-info b{grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.player-info input{width:100%}.player-info span{font-size:7px;color:var(--muted)}.bottom-nav{position:fixed;z-index:80;left:50%;transform:translate(-50%);bottom:14px;width:min(520px,calc(100% - 24px));height:66px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--panel) 93%,transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);display:grid;grid-template-columns:1fr 1.35fr 1fr;align-items:center;padding:5px;box-shadow:0 18px 50px #000b}.bottom-nav button{height:54px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:2px;border-radius:17px}.bottom-nav button span{font-size:16px}.bottom-nav button b{font-size:7px;letter-spacing:.09em}.bottom-nav .active{color:var(--text)}.bottom-nav .nav-main{height:60px;margin-top:-18px;background:linear-gradient(110deg,#ff2e93,#8f2df3,#08e8ff);color:#fff;box-shadow:0 10px 28px #b72cff55;border:4px solid var(--bg)}.bottom-nav .nav-main span{font-size:22px}.modal-backdrop{position:fixed;z-index:150;top:0;right:0;bottom:0;left:0;background:#000b;display:grid;place-items:center;padding:16px}.settings-modal{width:min(520px,100%);max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:23px;background:var(--panel);padding:18px;box-shadow:0 25px 80px #000}.settings-modal h2{margin:4px 0 14px}.settings-modal>label{display:grid;gap:5px;margin:10px 0;font-size:9px;color:var(--muted)}.settings-modal select{width:100%}.toggle-row{grid-template-columns:1fr auto!important;align-items:center}.modal-x{float:right;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--soft);color:var(--text)}.danger-btn{width:100%;min-height:42px;border:1px solid #ff2e9360;background:#ff2e9314;color:#ff7abc;border-radius:12px;font-weight:900}.visualizer{position:fixed;z-index:140;top:0;right:0;bottom:0;left:0;background:#020106}.visualizer canvas{width:100%;height:100%;display:block}.vis-close{position:absolute;right:18px;top:18px;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff55;background:#08070dcc;color:#fff;font-size:24px}.vis-title{position:absolute;left:18px;top:22px;color:#fff;font-size:10px;letter-spacing:.18em}.error{margin-top:8px;border:1px solid #ff2e9350;background:#ff2e9310;color:#ff8dc7;border-radius:11px;padding:9px;font-size:9px}.install-banner{position:fixed;z-index:120;left:10px;right:10px;top:10px;max-width:650px;margin:auto;border:1px solid #5c425e;border-radius:18px;background:#120d16f2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:8px;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;color:#fff;box-shadow:0 20px 60px #000b}.install-banner img{width:42px;height:42px;border-radius:10px}.install-banner div{display:grid}.install-banner b{font-size:10px}.install-banner span{font-size:8px;color:#c99ab7}.install-banner button{height:36px;border:0;border-radius:10px;background:linear-gradient(100deg,#ff2e93,#8e2ff5);color:#fff;font-size:8px;font-weight:900}.install-banner .xbtn{width:36px;background:#211724}.splash{position:fixed;z-index:500;top:0;right:0;bottom:0;left:0;border:0;background:#000;padding:0}.splash video{width:100%;height:100%;object-fit:cover}.splash span{position:absolute;bottom:8%;left:0;right:0;color:#fff;font-size:10px;letter-spacing:.2em}@media (min-width:900px){.main-head{padding:18px 26px}.brand-logo{width:105px}.brand-title p{font-size:12px}.page-shell{padding:22px}.create-layout{grid-template-columns:1fr 1.15fr .85fr;align-items:start}.card{padding:19px}.profiles,.isolate-grid{grid-template-columns:repeat(4,1fr)}.library-page{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.exports-hero{grid-column:1/-1}.export-panel,.build-history{margin-top:0}.format-grid{grid-template-columns:repeat(4,1fr)}.bottom-nav{width:560px}.player-bar{bottom:92px}.vm-thumbs canvas{width:130px}}.session-recovery-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:10px auto;padding:12px 14px;max-width:1200px;border:1px solid rgba(8,232,255,.35);border-radius:14px;background:#08e8ff12}.session-recovery-banner>div{display:flex;flex:1;min-width:180px;flex-direction:column;gap:4px}.session-recovery-banner b{font-size:11px;letter-spacing:.08em}.session-recovery-banner span,.session-save-status{font-size:11px;opacity:.72}.session-recovery-banner button{border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:8px 12px;background:#ffffff0f;color:inherit;font:inherit;cursor:pointer}.session-recovery-banner button:first-of-type{background:linear-gradient(110deg,#f12b91,#803cff);border:0;color:#fff;font-weight:800}.session-save-status{display:flex;justify-content:flex-end;gap:12px;max-width:1200px;margin:0 auto 6px;padding:0 8px;font-size:9px;letter-spacing:.08em}.selection-export-card{display:flex;flex-direction:column;gap:12px}.clip-range-readout{display:flex;gap:10px;flex-wrap:wrap}.clip-range-readout span{display:flex;flex:1;min-width:90px;flex-direction:column;gap:4px;padding:9px 10px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:10px;font-size:9px;letter-spacing:.08em;opacity:.85}.clip-range-readout b{font-size:14px;letter-spacing:0}.clip-range-control{display:flex;flex-direction:column;gap:7px;font-size:10px;letter-spacing:.06em}.clip-range-control input{width:100%;accent-color:#08e8ff}.clip-range-control b{margin-left:8px;color:#08e8ff}.clip-export-notice{padding:10px 12px;border-radius:10px;background:#08e8ff12;font-size:11px}.fx-rack-card{display:flex;flex-direction:column;gap:12px}.rack-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.rack-module{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--line,rgba(255,255,255,.13));border-radius:12px;background:#9b31f70b}.rack-module.safety{border-color:#08e8ff66}.rack-module-toggle{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:850;letter-spacing:.07em}.rack-module-toggle input{accent-color:#08e8ff;width:16px;height:16px}.rack-module>label:not(.rack-module-toggle){display:flex;flex-direction:column;gap:7px;font-size:9px;letter-spacing:.06em;opacity:.82}.rack-module>label b{font-size:11px;color:#08e8ff}.rack-module input[type=range]{width:100%;accent-color:#f12b91}.rack-note{margin:0;font-size:10px;line-height:1.5;opacity:.65}@media (max-width:600px){.rack-modules{grid-template-columns:1fr}.rack-module{padding:10px}}.mashup-workspace{display:flex;flex-direction:column;gap:14px;margin-top:12px}.mashup-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.mashup-head>div{display:flex;flex-direction:column;gap:5px}.mashup-head span{font-size:9px;letter-spacing:.12em;color:#08e8ff}.mashup-head h3{margin:0;font-size:18px}.mashup-head small{font-size:10px;opacity:.65}.mashup-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mashup-source{display:flex;flex-direction:column;gap:8px;min-width:0;padding:14px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:13px;background:#9b31f70d}.mashup-source>span{font-size:9px;letter-spacing:.12em;color:#08e8ff}.mashup-source>b{font-size:11px;overflow-wrap:anywhere}.mashup-source input{width:100%;font-size:10px}.mashup-source small{font-size:10px;opacity:.65}.mashup-recipe{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px}.mashup-recipe label{display:flex;flex-direction:column;gap:7px;font-size:9px;letter-spacing:.07em}.mashup-recipe select{width:100%;min-width:0;padding:10px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:9px;background:var(--panel,#171421);color:inherit}.mashup-recipe b{color:#08e8ff}.mashup-recipe input{width:100%;accent-color:#f12b91}.mashup-actions{display:flex;gap:8px;flex-wrap:wrap}.mashup-actions button{flex:1;min-width:130px;padding:11px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:10px;background:#ffffff0d;color:inherit;font-size:10px;font-weight:850}.mashup-actions button.primary{background:linear-gradient(110deg,#f12b91,#803cff);border:0;color:#fff}.mashup-actions button:disabled{opacity:.4}.mashup-status{padding:10px 12px;border-radius:10px;background:#08e8ff0f;font-size:11px}.mashup-result{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(8,232,255,.25);border-radius:12px}.mashup-result b{font-size:11px;overflow-wrap:anywhere}.mashup-result audio{width:100%}.mashup-result small,.mashup-footnote{font-size:10px;line-height:1.55;opacity:.65}@media (max-width:650px){.mashup-sources,.mashup-recipe{grid-template-columns:1fr}.mashup-head h3{font-size:16px}}.stem-fx-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:8px;grid-column:1/-1;margin-top:8px;padding-top:10px;border-top:1px solid var(--line,rgba(255,255,255,.12))}.stem-fx-controls label{display:flex;flex-direction:column;gap:5px;font-size:9px;letter-spacing:.06em;opacity:.8}.stem-fx-controls b{color:#08e8ff;font-size:10px}.stem-fx-controls input{width:100%;accent-color:#f12b91}@media (max-width:600px){.stem-fx-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.vm-options{grid-template-columns:repeat(3,minmax(0,1fr))}.vm-options label{min-width:0}.vm-options input[type=range]{width:100%;accent-color:#08e8ff}.vm-options label b{font-size:10px;color:#08e8ff}@media (max-width:700px){.vm-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:420px){.vm-options{grid-template-columns:1fr}}.mashup-compatibility{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.mashup-compatibility span{display:flex;flex-direction:column;gap:5px;padding:9px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:9px;font-size:9px;letter-spacing:.05em}.mashup-compatibility b{font-size:10px;color:#08e8ff;overflow-wrap:anywhere}@media (max-width:650px){.mashup-compatibility{grid-template-columns:repeat(2,minmax(0,1fr))}}.dj-queue-header-actions{display:flex;align-items:center;gap:8px}.dj-queue-header-actions button{border:1px solid rgba(8,232,255,.35);border-radius:8px;padding:7px 9px;background:#08e8ff0f;color:#08e8ff;font-size:9px;font-weight:850}.sessions-workspace{display:flex;flex-direction:column;gap:14px;max-width:1200px;margin:0 auto;padding:10px 0 30px}.sessions-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:16px;background:linear-gradient(120deg,#f12b9114,#08e8ff0d)}.sessions-hero>div{display:flex;flex-direction:column;gap:6px}.sessions-hero span{font-size:9px;letter-spacing:.12em;color:#08e8ff}.sessions-hero h2{margin:0;font-size:clamp(19px,3vw,28px)}.sessions-hero p{margin:0;font-size:11px;opacity:.68}.sessions-count{padding:8px 10px;border:1px solid rgba(8,232,255,.25);border-radius:9px;white-space:nowrap}.sessions-header-actions{display:flex!important;flex-direction:row!important;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.sessions-header-actions button{padding:8px 10px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:9px;background:#ffffff0d;color:inherit;font-size:9px;font-weight:850;white-space:nowrap}.sessions-header-actions button:disabled{opacity:.4}.session-save-current{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:10px;padding:14px;border:1px solid var(--line,rgba(255,255,255,.13));border-radius:14px}.session-save-current>div{display:flex;flex-direction:column;gap:5px}.session-save-current b,.sessions-list>header b{font-size:11px;letter-spacing:.08em}.session-save-current small,.sessions-list>header small{font-size:10px;opacity:.65;overflow-wrap:anywhere}.session-save-current input,.session-card-main input{min-width:0;width:100%;padding:10px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:9px;background:var(--panel,rgba(255,255,255,.04));color:inherit}.session-save-current button,.session-card-actions button{padding:9px 11px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:9px;background:#ffffff0d;color:inherit;font-size:9px;font-weight:850}.session-save-current button{background:linear-gradient(110deg,#f12b91,#803cff);border:0;color:#fff}.session-save-current button:disabled,.session-card-actions button:disabled{opacity:.4}.sessions-notice{padding:10px 12px;border-radius:10px;background:#08e8ff0f;font-size:11px}.sessions-list{display:flex;flex-direction:column;gap:10px}.sessions-list>header{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.sessions-cards{display:grid;gap:9px}.session-card{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:13px;border:1px solid var(--line,rgba(255,255,255,.13));border-radius:13px;background:#9b31f709}.session-card-main{display:flex;flex:1;min-width:220px;flex-direction:column;gap:6px}.session-card-main h3{margin:0;font-size:13px;overflow-wrap:anywhere}.session-card-main span,.session-card-main small{font-size:10px;opacity:.65;overflow-wrap:anywhere}.session-card-actions{display:flex;gap:6px;flex-wrap:wrap}.session-card-actions .primary{background:linear-gradient(110deg,#f12b91,#803cff);border:0;color:#fff}.session-card-actions .danger{color:#ff76a9}.sessions-empty{padding:24px 12px;border:1px dashed var(--line,rgba(255,255,255,.18));border-radius:12px;text-align:center;font-size:11px;opacity:.68}.sessions-footnote{font-size:10px;line-height:1.5;opacity:.6}@media (max-width:650px){.session-save-current{grid-template-columns:1fr}.session-card{align-items:stretch}.session-card-actions button{flex:1}.session-card-main{min-width:0}}.live-workspace{display:flex;flex-direction:column;gap:14px;max-width:1200px;margin:0 auto;padding:8px 0 30px}.live-hero{display:flex;align-items:flex-start;gap:12px;flex-wrap:wrap;padding:15px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:16px;background:linear-gradient(120deg,#f12b911a,#08e8ff0f)}.live-hero>div{display:flex;flex:1;min-width:180px;flex-direction:column;gap:5px}.live-hero>div span{font-size:9px;letter-spacing:.12em;color:#08e8ff}.live-hero h2{margin:0;font-size:clamp(20px,3vw,28px)}.live-hero p{margin:0;font-size:11px;opacity:.68}.live-hero button{padding:8px 10px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:8px;background:#ffffff0d;color:inherit;font-size:9px;font-weight:850}.live-status{padding:8px 10px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:8px;font-size:9px;font-weight:900;letter-spacing:.1em}.live-status.on{color:#08e8ff;border-color:#08e8ff;background:#08e8ff14}.live-capabilities{display:flex;gap:6px;flex-wrap:wrap}.live-capabilities span{padding:7px 9px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:8px;font-size:8px;letter-spacing:.07em;opacity:.75}.live-input-card,.live-fx-card{display:flex;flex-direction:column;gap:13px;padding:14px;border:1px solid var(--line,rgba(255,255,255,.13));border-radius:14px}.live-input-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.live-input-title>div,.live-fx-card>header{display:flex;flex-direction:column;gap:5px}.live-input-title b,.live-fx-card>header b{font-size:11px;letter-spacing:.08em}.live-input-title small,.live-fx-card>header small{font-size:10px;line-height:1.5;opacity:.65}.live-input-title select{max-width:100%;min-width:200px;padding:9px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:8px;background:var(--panel,#171421);color:inherit}.live-actions{display:flex;gap:8px;flex-wrap:wrap}.live-actions button{flex:1;min-width:120px;padding:10px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:9px;background:#ffffff0d;color:inherit;font-size:9px;font-weight:900}.live-actions button:first-child{background:linear-gradient(110deg,#f12b91,#803cff);border:0;color:#fff}.live-actions button.panic{color:#ff7eaa;border-color:#ff7eaa55}.live-actions button:disabled{opacity:.38}.live-notice{padding:10px 12px;border-radius:9px;background:#08e8ff0f;font-size:11px}.live-fx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.live-fx-grid label{display:flex;flex-direction:column;gap:7px;font-size:9px;letter-spacing:.06em}.live-fx-grid b{color:#08e8ff;font-size:11px}.live-fx-grid input[type=range]{width:100%;accent-color:#f12b91}.live-fx-grid .live-monitor-toggle{flex-direction:row;align-items:center;gap:9px}.live-monitor-toggle input{accent-color:#08e8ff;width:16px;height:16px}.live-meters{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr));gap:8px}.live-meters>div{display:flex;flex-direction:column;gap:6px;padding:11px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:10px}.live-meters span{font-size:8px;letter-spacing:.08em;opacity:.65}.live-meters b{font-size:11px;overflow-wrap:anywhere}.live-meters i{display:block;height:5px;overflow:hidden;border-radius:9px;background:#ffffff1a}.live-meters em{display:block;height:100%;background:linear-gradient(90deg,#08e8ff,#f12b91)}.live-footnote{font-size:10px;line-height:1.55;opacity:.62}@media (max-width:650px){.live-fx-grid,.live-meters{grid-template-columns:repeat(2,minmax(0,1fr))}.live-input-title select{width:100%;min-width:0}.live-actions button{min-width:calc(50% - 8px)}}.live-source-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:min(100%,440px)}.live-source-selects label{display:flex;flex-direction:column;gap:5px;font-size:9px;letter-spacing:.07em}.live-marker-row{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.live-marker-row label{display:flex;flex:1;min-width:180px;flex-direction:column;gap:5px;font-size:9px;letter-spacing:.07em}.live-marker-row input{width:100%;padding:9px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:8px;background:var(--panel,#171421);color:inherit}.live-marker-row button{padding:9px 12px;border:1px solid rgba(8,232,255,.4);border-radius:8px;background:#08e8ff0f;color:#08e8ff;font-size:9px;font-weight:850}.live-marker-row button:disabled{opacity:.35}.live-marker-row>span{font-size:9px;opacity:.65}.live-marker-list{display:flex;gap:6px;flex-wrap:wrap}.live-marker-list span{padding:6px 8px;border:1px solid rgba(8,232,255,.18);border-radius:7px;font-size:9px}@media (max-width:600px){.live-source-selects{grid-template-columns:1fr;min-width:0;width:100%}.live-marker-row label{min-width:100%}}.export-library-tools{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px;margin:12px 0 14px}.export-search,.export-sort{display:grid;gap:6px;min-width:0}.export-search>span,.export-sort>span{font-size:9px;letter-spacing:.15em;font-weight:900;color:var(--muted)}.export-search{position:relative}.export-search input,.export-sort select{width:100%;min-width:0;min-height:42px;border:1px solid var(--line);border-radius:12px;background:var(--soft);color:var(--text);padding:0 12px;font:inherit;font-size:12px}.export-search input{padding-right:40px}.export-search>button{position:absolute;right:5px;bottom:5px;width:32px;height:32px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:20px}.export-kind-filters{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.export-kind-filters button{display:flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.06em}.export-kind-filters button.active{border-color:#ff2e93;background:linear-gradient(110deg,#ff2e9325,#8d2ef325,#08e8ff15);color:var(--text)}.export-kind-filters button span{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:var(--panel2);font-size:9px}@media (max-width:560px){.export-library-tools{grid-template-columns:1fr}.export-kind-filters{grid-column:auto}.export-kind-filters button{flex:1;justify-content:center;padding:0 8px}}.hb-build-version{align-self:flex-end;margin:0 0 2px 8px;font-size:8px;line-height:1;letter-spacing:.1em;white-space:nowrap;color:var(--muted,#9c8fa8)}.hb-settings-build{display:block;margin-top:12px;padding-top:10px;border-top:1px solid var(--line,rgba(255,255,255,.12));font-size:9px;letter-spacing:.1em;color:var(--muted,#9c8fa8)}@media (max-width:500px){.hb-build-version{font-size:7px;margin-left:4px}.hb-brand-lockup{gap:5px}}.voice-command-guide{display:grid;gap:7px;margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--soft);font-size:12px}.voice-command-guide>b{color:#ff69b6;font-size:10px;letter-spacing:.15em}.voice-command-guide>span{line-height:1.45}.voice-command-guide>small{color:var(--muted);line-height:1.5;margin-top:3px}.dj-voice-status{border:1px solid #8d2ef355;border-radius:12px;padding:10px 13px;margin:10px 0;background:#8d2ef310;color:var(--text);font-size:12px;line-height:1.5}.export-storage-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0;padding:14px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(120deg,#ff2e9310,#8d2ef310,#08e8ff08)}.export-storage-card>div{display:grid;align-content:start;gap:5px;min-width:0}.export-storage-card span{font-size:9px;letter-spacing:.15em;font-weight:900;color:var(--muted)}.export-storage-card b{font-size:clamp(18px,3vw,26px);overflow-wrap:anywhere}.export-storage-card small{font-size:10px;line-height:1.4;color:var(--muted)}.storage-meter{height:5px;border-radius:999px;background:var(--line);overflow:hidden;margin-top:4px}.storage-meter i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff2e93,#8d2ef3,#08e8ff)}@media (max-width:520px){.export-storage-card{grid-template-columns:1fr}}.vm-options{border:0;margin:0;padding:0;min-width:0}.vm-options:disabled{opacity:.72}.vm-batch{display:grid;gap:10px;margin-top:12px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--soft)}.vm-batch>div:first-child{display:grid;gap:4px}.vm-batch>div:first-child b{font-size:10px;letter-spacing:.13em}.vm-batch>div:first-child small,.vm-batch-notice{font-size:11px;line-height:1.5;color:var(--muted)}.vm-batch-options{display:flex;flex-wrap:wrap;gap:8px}.vm-batch-options label{display:flex;align-items:center;gap:7px;min-height:35px;padding:7px 10px;border:1px solid var(--line);border-radius:10px;background:var(--panel);font-size:9px;font-weight:900}.vm-batch-options input{accent-color:#ff2e93}.vm-render.secondary{background:linear-gradient(100deg,#8d2ef32a,#08e8ff16);border:1px solid #8d2ef355;color:var(--text)}.vm-batch-notice{padding:8px 10px;border-radius:10px;background:var(--panel)}.global-drop-overlay{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:9999;display:grid;align-content:center;justify-items:center;gap:12px;border:2px dashed #ff69b6;border-radius:28px;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 0 80px #8d2ef325,0 0 0 9999px #05030780;pointer-events:none;text-align:center;padding:24px}.global-drop-overlay span{font-size:10px;letter-spacing:.22em;font-weight:900;color:#ff69b6}.global-drop-overlay b{font-size:clamp(24px,5vw,48px);letter-spacing:.06em;background:linear-gradient(90deg,#fff,#ff86c3,#b26bff,#54efff);-webkit-background-clip:text;color:transparent}.global-drop-overlay small{font-size:12px;color:var(--muted);line-height:1.5}.marker-editor select{min-height:38px;max-width:180px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);padding:0 9px;font-size:11px}.marker-editor small{grid-column:1/-1;color:var(--muted);font-size:10px}.timeline-markers button{touch-action:none;cursor:grab}.timeline-markers button:active{cursor:grabbing}.build-bulk-actions{display:flex;flex-wrap:wrap;gap:7px}.build-bulk-actions button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--text);font-size:9px;font-weight:900}.build-bulk-actions button:disabled{opacity:.45}.build-select{display:flex;align-items:center;gap:5px;padding:0 7px;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.06em}.build-select input{accent-color:#ff2e93}@media (max-width:560px){.history-head{align-items:flex-start;flex-direction:column}.build-bulk-actions{width:100%}.build-bulk-actions button{flex:1}}.analysis-error{display:flex;flex-direction:column;gap:7px}.analysis-error b{font-size:11px}.analysis-error span,.analysis-error small{font-size:10px;line-height:1.5}.analysis-error small{opacity:.7}.analysis-error button{align-self:flex-start;padding:8px 11px;border:1px solid rgba(8,232,255,.35);border-radius:8px;background:#08e8ff0f;color:#08e8ff;font-size:9px;font-weight:850}.analysis-error button:disabled{opacity:.4}.intel-manual-controls{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.intel-manual-controls label{display:grid;gap:5px;font-size:9px;font-weight:900;letter-spacing:.1em;color:var(--muted)}.intel-manual-controls input,.intel-manual-controls select{min-height:37px;min-width:110px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:0 9px;font-size:12px}.intel-manual-controls button{min-height:37px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);font-size:9px;font-weight:900}.intel-manual-controls .intel-override-notice{flex-basis:100%;color:var(--muted);font-size:10px;line-height:1.45}@media (max-width:520px){.intel-manual-controls label{flex:1 1 125px}.intel-manual-controls button{flex:1}}.session-card-actions .session-relink-control{display:inline-flex;align-items:center;justify-content:center;padding:9px 11px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:9px;background:#ffffff0d;color:inherit;font-size:9px;font-weight:850;cursor:pointer}.session-card-actions .session-relink-control:hover{border-color:#f12b91;color:#fff}@media (max-width:650px){.session-card-actions .session-relink-control{flex:1}}.rack-drag-handle{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-bottom:7px;padding:4px 7px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:6px;font-size:8px;letter-spacing:.1em;opacity:.7;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.rack-drag-handle:active{cursor:grabbing;border-color:#f12b91;color:#f12b91}.mashup-candidates{margin:12px 0 18px;padding:13px;border:1px solid var(--line,rgba(255,255,255,.13));border-radius:13px;background:#9b31f709}.mashup-candidates-head{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.mashup-candidates-head b{font-size:10px;letter-spacing:.12em}.mashup-candidates-head small{font-size:10px;opacity:.7}.mashup-candidate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mashup-candidate-grid article{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:10px;border:1px solid var(--line,rgba(255,255,255,.12));border-radius:10px;background:#0000001f}.mashup-candidate-grid article.selected{border-color:#f12b91;box-shadow:0 0 0 1px #f12b9140}.mashup-candidate-grid article>div{display:flex;flex-direction:column;gap:5px}.mashup-candidate-grid article b{font-size:11px}.mashup-candidate-grid article small{font-size:9px;line-height:1.45;opacity:.7}.mashup-candidate-grid article>span{font-size:9px;color:#08e8ff;font-weight:800}.mashup-candidate-grid button{margin-top:auto;width:100%;padding:8px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:8px;background:#ffffff0d;font-size:9px;font-weight:800;color:inherit}.mashup-candidate-grid button:disabled{opacity:.45}@media (max-width:720px){.mashup-candidate-grid{grid-template-columns:1fr}}.storage-clear-cache{margin-top:10px;padding:8px 10px;border:1px solid var(--line,rgba(255,255,255,.15));border-radius:8px;background:#ffffff0d;color:inherit;font-size:9px;font-weight:800;letter-spacing:.08em}.storage-clear-cache:disabled{opacity:.5;cursor:wait}.stem-macros{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0}.stem-macros button{padding:10px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:9px;background:#ffffff0a;color:inherit;font-size:9px;font-weight:850;letter-spacing:.08em}.stem-macros button.active{border-color:#f12b91;background:#f12b911f}.stem-macros button:disabled{opacity:.45}.rack-preset-controls{display:grid;grid-template-columns:minmax(120px,1.5fr) auto minmax(120px,1fr) auto auto;gap:7px;margin:12px 0}.rack-preset-controls input,.rack-preset-controls select{min-width:0;padding:9px 10px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:8px;background:#ffffff0a;color:inherit;font-size:10px}.rack-preset-controls button{padding:8px 10px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:8px;background:#ffffff0d;color:inherit;font-size:9px;font-weight:850}.rack-preset-controls button:disabled{opacity:.4}.rack-master-mix{display:grid;grid-template-columns:auto auto minmax(100px,1fr);align-items:center;gap:12px;margin:10px 0 14px;font-size:9px;letter-spacing:.08em}.rack-master-mix b{color:#08e8ff}.rack-notice{margin:8px 0;padding:8px 10px;border-radius:8px;background:#08e8ff12;font-size:10px}.rack-module-toggle.locked{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px;padding:8px 9px;border:1px solid rgba(8,232,255,.25);border-radius:8px;font-size:9px}.rack-module-toggle.locked span{font-size:8px;color:#08e8ff;font-weight:900;letter-spacing:.1em}@media (max-width:680px){.rack-preset-controls{grid-template-columns:1fr 1fr}.rack-preset-controls input,.rack-preset-controls select{grid-column:span 2}.rack-master-mix{grid-template-columns:1fr auto}.rack-master-mix input{grid-column:span 2;width:100%}}.dj-transition-override{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border:1px solid rgba(8,232,255,.22);border-radius:9px;background:#08e8ff0a;font-size:9px;font-weight:800;letter-spacing:.04em}.dj-transition-override button{padding:6px 8px;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:7px;background:#ffffff0d;color:inherit;font-size:8px;font-weight:850}.stem-handoff-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:8px 0 14px}.stem-handoff-actions button{padding:9px;border:1px solid rgba(8,232,255,.25);border-radius:9px;background:#08e8ff0d;color:inherit;font-size:9px;font-weight:850;letter-spacing:.06em}.stem-handoff-actions button:disabled{opacity:.45}@media (max-width:520px){.stem-handoff-actions{grid-template-columns:1fr}}.vm-brand-toggle{display:flex!important;flex-direction:row!important;align-items:center;gap:8px}.vm-brand-toggle input{width:auto!important;min-width:0!important}.vm-options label input:not([type=checkbox]){width:100%}.remix-recipe,.remix-trim label,.mashup-timeline-editor label{display:flex;gap:.6rem;align-items:center;font-size:.75rem;font-weight:700;letter-spacing:.04em}.remix-recipe{flex-wrap:wrap;margin:1rem 0;color:var(--text,#f8f4ff)}.remix-trim{display:flex;gap:.6rem;flex-wrap:wrap;padding:.5rem .75rem}.remix-trim input,.mashup-timeline-editor input{min-width:0;width:6.5rem;max-width:100%;border:1px solid #9b31f755;border-radius:.5rem;padding:.5rem;background:var(--panel,#17121f);color:var(--text,#f8f4ff)}.mashup-timeline-editor{border:1px solid #9b31f755;border-radius:1rem;padding:1rem;margin:1rem 0;background:linear-gradient(125deg,#ff2e9310,#9231ff10,#08e8ff08)}.mashup-timeline-editor>div{margin:.75rem 0;min-width:0}.mashup-timeline-editor label{display:inline-flex;margin:.5rem .8rem .5rem 0}.mashup-timeline-editor p{font-size:.8rem;line-height:1.5;opacity:.75}.stem-waveform{grid-column:1/-1;width:100%;height:48px!important;min-height:0!important}.timeline-head{flex-wrap:wrap;gap:.5rem}.timeline-head button{min-height:36px;border:1px solid #08e8ff66;border-radius:.5rem;background:#9231ff18;color:inherit;padding:.4rem .65rem;font:inherit}@media (max-width:600px){.remix-trim{flex-direction:column}.remix-trim label{justify-content:space-between}.mashup-timeline-editor{padding:.75rem}.timeline-head button{min-height:44px}}@media (prefers-reduced-motion:reduce){.source-wave,.rail-meter i{animation:none!important}}.dj-page{position:relative!important;inset:auto!important;z-index:auto!important;min-height:calc(100vh - 120px);padding:0 0 120px!important;background:transparent!important}.dj-header.performance{max-width:1480px;margin:0 auto 10px;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid #5b3c60;border-radius:20px;background:linear-gradient(135deg,#180d18ee,#110b16ee 52%,#08171bee);box-shadow:0 18px 55px #0008,inset 0 1px #ffffff12;position:sticky;top:8px;z-index:20;overflow:hidden}.dj-header.performance:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,#ff2e93,#9b31f7,#08e8ff);box-shadow:0 0 18px #ff2e93aa}.dj-header.performance:after{content:"";position:absolute;width:260px;height:260px;right:18%;top:-190px;border-radius:50%;background:radial-gradient(circle,#ff2e9340,#08e8ff12 45%,transparent 70%);pointer-events:none}.dj-brandmark{display:flex;align-items:center;gap:11px;min-width:0}.dj-brandmark img{width:72px;height:72px;object-fit:cover;border-radius:15px;box-shadow:0 0 26px #ff2e9345}.dj-title-stack{display:grid;gap:2px;min-width:0}.live-kicker{font-size:7px!important;letter-spacing:.24em!important;color:#4eefff!important;font-weight:900}.dj-title-stack b{font-size:clamp(19px,5vw,31px)!important;line-height:1;letter-spacing:.04em!important;white-space:nowrap}.dj-title-stack b i{font-style:normal;background:linear-gradient(90deg,#ff65b5,#bb72ff,#4befff);-webkit-background-clip:text;color:transparent}.dj-title-stack small{font-size:8px;color:#bb8eaa;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dj-status{display:flex;gap:5px;align-items:center}.dj-status span{width:34px;height:30px;border-radius:10px;border:1px solid #47344d;background:#140f18;color:#765d72;display:grid;place-items:center;font-size:8px;font-weight:1000}.dj-status .on{border-color:#10e7f5;color:#10e7f5;box-shadow:0 0 16px #10e7f533}.dj-status .rec.on{border-color:#ff2e93;color:#ff69b5;box-shadow:0 0 18px #ff2e934a;animation:pulse 1s infinite}.dj-head-actions{display:flex;gap:6px}.dj-head-actions button{width:40px;height:40px;border-radius:12px;border:1px solid #513854;background:#17111b;color:#fff;font-size:18px}.mode-switch{max-width:760px;margin:0 auto 10px;display:grid;grid-template-columns:1fr 1fr;gap:7px;border:1px solid #433149;border-radius:17px;background:#0f0b13;padding:6px}.mode-switch button{min-height:50px;border:1px solid transparent;border-radius:12px;background:transparent;color:#9b7a93;display:grid;place-items:center;align-content:center;font-size:9px;font-weight:1000;letter-spacing:.08em}.mode-switch button small{display:block;font-size:7px;font-weight:600;letter-spacing:0;margin-top:2px}.mode-switch .active{color:#fff;border-color:#ff2e9348;background:linear-gradient(100deg,#ff2e9320,#8f2ef323,#08e8ff14);box-shadow:inset 0 1px #ffffff10}.quick-strip{position:relative;z-index:2}.dj-error{max-width:1480px;margin:8px auto;padding:10px;border:1px solid #ff2e9355;border-radius:12px;background:#2d101c;color:#ffacd2;font-size:9px}.dj-console{max-width:1480px;margin:auto;display:grid;gap:10px}.deck,.mixer{border-color:#4b3650!important;background:linear-gradient(180deg,#171019,#0a080d)!important}.deck-title{grid-template-columns:auto minmax(0,1fr) auto auto!important}.deck-meta i{font-style:normal;font-size:7px;color:#08e8ff;border:1px solid #08e8ff40;border-radius:999px;padding:4px 6px}.wave{touch-action:none;cursor:crosshair}.wave-expert{height:108px!important;background:linear-gradient(180deg,#0b080d,#08070a)!important}.platter-wrap{-webkit-user-select:none;user-select:none}.platter{touch-action:none!important;cursor:grab;position:relative}.platter:active{cursor:grabbing;box-shadow:0 0 0 7px #0b0a0d,0 0 35px #ff2e9360!important}.platter.playing:not(:active){animation:vinylGlow 2s linear infinite}.needle{position:absolute;width:3px;height:46%;right:11%;top:9%;border-radius:4px;background:linear-gradient(#eee,#777);transform:rotate(16deg);transform-origin:top;box-shadow:0 0 8px #08e8ff88;z-index:3}.knob{touch-action:none;cursor:ns-resize;outline:none}.knob:focus-visible{box-shadow:0 0 0 2px #fff,0 0 20px #ff2e9370}.knob-wrap small{display:block;color:#725a70;font-size:7px;margin-top:2px}.pitch-bend{display:grid;grid-template-columns:1fr auto 1fr;gap:5px;align-items:center}.pitch-bend button{min-height:32px;border:1px solid #3e3043;border-radius:10px;background:#120e16;color:#bf97b2;font-size:7px;font-weight:900}.pitch-bend span{font-size:8px;color:#08e8ff;min-width:42px;text-align:center}.expert-deck{display:grid;gap:8px;border:1px solid #3b2c40;border-radius:14px;padding:9px;background:#0a080c}.stem-lab,.hot-cues,.beat-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.stem-lab>span,.hot-cues>span{grid-column:1/-1;font-size:7px;letter-spacing:.14em;color:#9d7994;font-weight:900}.stem-lab button,.hot-cues button,.beat-tools button{min-height:31px;border:1px solid #3d2e42;border-radius:9px;background:#140f17;color:#a9809c;font-size:7px;font-weight:900}.stem-lab button.active,.hot-cues button.set{border-color:#08e8ff;color:#08e8ff;background:#08e8ff10}.beat-tools{grid-template-columns:repeat(3,1fr)}.sync-row{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:8px 0}.sync-row button{min-height:36px;border:1px solid #47344c;border-radius:10px;background:#151018;color:#c99cba;font-size:7px;font-weight:900}.sync-row button:disabled{opacity:.35}.master-readout{margin-top:10px;display:grid;gap:5px}.master-readout span{border:1px solid #312536;border-radius:9px;padding:6px 8px;background:#0b090d;color:#917087;font-size:7px}.help-modal>div>small{display:block;margin-top:10px;color:#08e8ff;font-size:8px}.page-dj{padding-top:10px}.page-dj+.player-bar{display:none}@keyframes vinylGlow{50%{box-shadow:0 0 0 7px #0b0a0d,0 0 30px #8d2ef344}}@media (max-width:640px){.dj-header.performance{grid-template-columns:1fr auto;padding:10px}.dj-status{grid-column:1/-1;grid-row:2;justify-content:flex-start}.dj-brandmark img{width:54px;height:54px}.dj-title-stack small{max-width:230px}.dj-title-stack b{font-size:19px!important}.live-kicker{font-size:6px!important}.deck-main{grid-template-columns:110px 1fr!important;gap:8px!important}.platter{width:102px!important;height:102px!important}.transport{grid-template-columns:1.3fr repeat(3,1fr)!important}.transport button{font-size:7px!important;padding:4px}.knobs{grid-template-columns:repeat(4,1fr)!important}.knob{width:42px!important;height:42px!important}.expert .knobs{grid-template-columns:repeat(3,1fr)!important}.faders{grid-template-columns:1fr!important}.quick-strip{grid-template-columns:repeat(3,1fr)!important}.mixer{order:2}.deck-a{order:1}.deck-b{order:3}.stem-lab,.hot-cues{grid-template-columns:repeat(4,1fr)}.beat-tools{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.page-dj{max-width:none;padding-left:16px;padding-right:16px}.dj-console{grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);align-items:start}.dj-header.performance{padding:14px 18px}.dj-brandmark img{width:88px;height:88px}.mode-switch{margin-bottom:12px}.deck{padding:16px!important}.deck-main{grid-template-columns:190px 1fr!important}.platter{width:180px!important;height:180px!important}.knob{width:58px!important;height:58px!important}.mixer{position:sticky;top:118px;padding:16px!important}.xpad{height:220px!important}.wave{height:96px!important}.wave-expert{height:132px!important}.quick-strip{grid-template-columns:1.25fr repeat(5,1fr)!important}}@media (min-width:1280px){.dj-console{grid-template-columns:minmax(0,1fr) 340px minmax(0,1fr)}.deck-main{grid-template-columns:220px 1fr!important}.platter{width:205px!important;height:205px!important}.knob{width:64px!important;height:64px!important}.wave{height:112px!important}.wave-expert{height:150px!important}}:root{--ui-font:"Space Grotesk","Segoe UI Variable","Segoe UI",sans-serif;--display-font:"Orbitron","Arial Narrow",sans-serif}.app-v2,.dj-page,button,input,select{font-family:var(--ui-font)}.brand-title h1,.section-head h2,.exports-hero h2,.dj-title-stack b,.mixer-title,.mode-switch button,.bottom-nav b{font-family:var(--display-font)}.main-head.refined-head{min-height:88px;padding:12px 16px;background:color-mix(in srgb,var(--bg) 90%,transparent);box-shadow:0 12px 36px #0005}.wide-lockup{display:grid!important;grid-template-columns:minmax(0,1fr);gap:2px;max-width:min(720px,70vw)}.header-wordmark{width:min(430px,68vw);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 6px 22px #0005)}.header-subline{font-size:9px!important;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)!important;padding-left:3px}.head-actions button,.bottom-nav button,.quick-strip button,.mode-switch button,.transport button,.tiny-btn,.format-grid button,.vm-render{transition:transform .14s cubic-bezier(.2,.8,.2,1),box-shadow .16s ease,background .16s ease,border-color .16s ease,filter .16s ease}.head-actions button:active,.bottom-nav button:active,.quick-strip button:active,.mode-switch button:active,.transport button:active,.tiny-btn:active,.format-grid button:active,.vm-render:active{transform:scale(.94)}.head-actions button:hover,.quick-strip button:hover,.mode-switch button:hover{border-color:#ff2e9380;box-shadow:0 0 18px #ff2e9322}.head-actions svg,.nav-icon svg{width:20px;height:20px}.premium-nav{overflow:visible;border:1px solid color-mix(in srgb,var(--line) 75%,#ff2e93 25%);background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 94%,transparent),color-mix(in srgb,var(--panel2) 96%,transparent));box-shadow:0 18px 60px #000b,0 0 0 1px #ffffff08 inset}.premium-nav button{position:relative;overflow:hidden}.premium-nav button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 120%,#ff2e932b,transparent 58%);opacity:0;transition:opacity .18s}.premium-nav button.active:before{opacity:1}.premium-nav button.active .nav-icon{transform:translateY(-2px) scale(1.08)}.nav-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:10px;transition:transform .18s ease,filter .18s ease}.premium-nav .nav-main .nav-icon{width:36px;height:36px;border-radius:13px;background:#05030744;box-shadow:inset 0 0 0 1px #ffffff18}.premium-nav .nav-main{animation:navFloat 3.4s ease-in-out infinite}.premium-nav .nav-main:active{animation:none;transform:scale(.94) translateY(1px)}.nav-pulse{position:absolute;width:5px;height:5px;border-radius:50%;bottom:5px;background:#08e8ff;opacity:0;box-shadow:0 0 12px #08e8ff}.premium-nav button.active .nav-pulse{opacity:1}.premium-nav .nav-main .nav-pulse{background:#fff;box-shadow:0 0 14px #fff}@keyframes navFloat{50%{transform:translateY(-3px);box-shadow:0 15px 38px #b72cff66}}.visualizer-v2{background:radial-gradient(circle at 50% 50%,#16061c 0,#050208 45%,#010103)}.vis-orbit{position:absolute;left:50%;top:50%;border:1px solid #ff2e9340;border-radius:50%;pointer-events:none;animation:orbitPulse 5s ease-in-out infinite}.vis-orbit.one{width:48vmin;height:48vmin;transform:translate(-50%,-50%)}.vis-orbit.two{width:72vmin;height:72vmin;transform:translate(-50%,-50%);border-color:#08e8ff33;animation-delay:-2.2s}.vis-error{position:absolute;left:50%;bottom:72px;transform:translate(-50%);max-width:min(560px,90vw);padding:10px 14px;border:1px solid #ff2e9366;border-radius:12px;background:#220a16dd;color:#ffd1e8;font-size:11px}@keyframes orbitPulse{50%{opacity:.3;filter:drop-shadow(0 0 20px #8f2eff)}}.dj-page{color:var(--text)}.dj-theme-light{--dj-surface:#fffafc;--dj-surface2:#f2e8ef;--dj-line:#d9bed0;--dj-text:#26151f;--dj-muted:#7d5d72;--dj-shadow:#6a375722}.dj-theme-dark{--dj-surface:#120d15;--dj-surface2:#09070b;--dj-line:#4b3650;--dj-text:#fff4fb;--dj-muted:#b486a6;--dj-shadow:#0009}.dj-theme-light .dj-header.performance,.dj-theme-light .deck,.dj-theme-light .mixer,.dj-theme-light .mode-switch,.dj-theme-light .expert-deck{background:linear-gradient(180deg,var(--dj-surface),var(--dj-surface2))!important;border-color:var(--dj-line)!important;color:var(--dj-text)!important;box-shadow:0 18px 44px var(--dj-shadow),inset 0 1px #fff}.dj-theme-light .dj-title-stack small,.dj-theme-light .mode-switch button,.dj-theme-light .cross-labels,.dj-theme-light .knob-wrap span,.dj-theme-light .knob-wrap small,.dj-theme-light .deck-readout,.dj-theme-light .master-readout span{color:var(--dj-muted)!important}.dj-theme-light .dj-head-actions button,.dj-theme-light .pitch-bend button,.dj-theme-light .stem-lab button,.dj-theme-light .hot-cues button,.dj-theme-light .beat-tools button,.dj-theme-light .sync-row button{background:#fff7fb!important;color:#3b2232!important;border-color:var(--dj-line)!important}.dj-theme-light .wave,.dj-theme-light .wave-expert{background:#fff8fc!important}.dj-theme-light .xpad{background:linear-gradient(135deg,#fff5fb,#f0e8ff 55%,#e9fbff)!important}.dj-theme-light .platter{box-shadow:0 0 0 7px #e8dae4,0 0 26px #ff2e9328!important}.dj-theme-light .record-rings{filter:invert(.88)}.xpad{touch-action:none!important;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.xpad:active{box-shadow:inset 0 0 42px #ff2e932c,0 0 24px #08e8ff20}.xpad-dot{transition:left .06s linear,top .06s linear,transform .12s ease;transform:translate(-50%,-50%)}.xpad:active .xpad-dot{transform:translate(-50%,-50%) scale(1.25);box-shadow:0 0 24px #fff}.knob{position:relative;transition:transform .12s ease,box-shadow .14s ease}.knob:active{transform:scale(1.05)}.knob-wrap{-webkit-user-select:none;user-select:none}.platter{transition:box-shadow .15s ease,transform .08s ease}.platter:active{transform:scale(.985)}.page-pane[hidden]{display:none!important}.video-maker .vm-progress{position:sticky;bottom:92px;z-index:4}.video-maker:has(.vm-progress){box-shadow:0 0 0 1px #08e8ff40,0 18px 50px #0005}@media (max-width:640px){.main-head.refined-head{min-height:74px;padding:9px 10px}.header-wordmark{width:min(290px,65vw)}.header-subline{display:none}.head-actions button{width:38px;height:38px}.premium-nav{height:70px;border-radius:24px}.premium-nav button b{font-size:7px}.premium-nav .nav-main{height:62px}.dj-header.performance{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dj-title-stack b{font-size:17px!important}.dj-title-stack small{font-size:7px!important}.quick-strip button{min-height:42px}}.main-head.refined-head{display:grid;grid-template-columns:minmax(190px,360px) 1fr auto;gap:18px;min-height:94px;padding:8px 18px;overflow:hidden}.main-head.refined-head .wide-lockup{justify-self:start;align-items:center;position:relative;z-index:2}.main-head.refined-head .header-wordmark{width:clamp(220px,27vw,390px)!important;height:auto!important;max-height:78px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 18px color-mix(in srgb,#ff2e93 22%,transparent))}.main-head.refined-head .header-subline{display:none}.main-head.refined-head:before{content:"X";justify-self:center;align-self:center;width:78px;height:54px;display:grid;place-items:center;border-radius:18px;border:1px solid color-mix(in srgb,var(--line) 80%,#08e8ff);background:radial-gradient(circle at 50% 50%,#ff2e9328,transparent 45%),linear-gradient(135deg,color-mix(in srgb,var(--panel2) 92%,#ff2e93 8%),color-mix(in srgb,var(--panel2) 92%,#08e8ff 8%));font:900 27px/1 Arial Black,sans-serif;letter-spacing:-.08em;color:transparent;background-clip:padding-box;box-shadow:inset 0 1px #ffffff18,0 0 30px #8f2df32d;position:relative;text-shadow:0 0 14px #ff2e93,0 0 20px #08e8ff}.main-head.refined-head:after{content:"";position:absolute;left:38%;right:22%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#ff2e93,#8f2df3,#08e8ff,transparent);opacity:.65;filter:drop-shadow(0 0 7px #8f2df3);animation:headerSignal 2.2s ease-in-out infinite;pointer-events:none}.main-head.refined-head .head-actions{justify-self:end;position:relative;z-index:2}.wave-placeholder,.wave-empty{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 50%,#8f2df310,transparent 62%),#08070a!important}.wave-placeholder i,.wave-empty i{position:absolute;left:-12%;right:-12%;top:50%;height:2px;background:linear-gradient(90deg,transparent,#ff2e93 20%,#a72fff 52%,#08e8ff 80%,transparent);box-shadow:0 0 12px #a72fff;transform-origin:center;animation:idleWave 2.5s ease-in-out infinite}.wave-placeholder i:nth-child(2),.wave-empty i:nth-child(2){opacity:.38;animation-delay:-.8s;transform:translateY(-9px) scaleY(.75)}.wave-placeholder i:nth-child(3),.wave-empty i:nth-child(3){opacity:.22;animation-delay:-1.5s;transform:translateY(10px) scaleY(.55)}.wave-empty{height:84px;border:1px solid var(--line);border-radius:14px}.xpad.no-swipe{touch-action:none!important;overscroll-behavior:contain;user-select:none;-webkit-user-select:none}.xpad.no-swipe:active{box-shadow:inset 0 0 55px #ff2e9320,0 0 24px #08e8ff22}.dj-theme-light .dj-header.performance,.dj-theme-light .deck,.dj-theme-light .mixer,.dj-theme-light .mode-switch{background:linear-gradient(180deg,#fff,#f5edf4)!important;color:#21131e!important}.dj-theme-light .dj-title-stack small,.dj-theme-light .deck-readout,.dj-theme-light .cross-labels,.dj-theme-light .knob-wrap small{color:#795a71!important}.dj-theme-light .dj-head-actions button,.dj-theme-light .mode-switch button,.dj-theme-light .pitch-bend button,.dj-theme-light .stem-lab button,.dj-theme-light .hot-cues button,.dj-theme-light .beat-tools button,.dj-theme-light .sync-row button{background:#f2e8f0!important;color:#3a2435!important;border-color:#d7bfd1!important}.dj-theme-light .wave,.dj-theme-light .wave-empty,.dj-theme-light .expert-deck,.dj-theme-light .master-readout span{background:#eee5ed!important}.visualizer-v2{background:radial-gradient(circle at 50% 50%,#15051f,#020106 62%)!important}.vis-error{position:absolute;left:50%;bottom:32px;transform:translate(-50%);max-width:min(90vw,620px);padding:10px 14px;border:1px solid #ff2e9360;border-radius:12px;background:#200914dd;color:#ffc0df;font-size:11px}.main-head button,.bottom-nav button,.quick-strip button,.transport button,.mode-switch button,.make-btn{transition:transform .12s ease,filter .12s ease,box-shadow .18s ease}.main-head button:active,.bottom-nav button:active,.quick-strip button:active,.transport button:active,.mode-switch button:active,.make-btn:active{transform:scale(.94);filter:brightness(1.16)}@keyframes idleWave{0%,to{transform:translateY(0) scaleY(.35) rotate(.3deg)}25%{transform:translateY(-5px) scaleY(2.3) rotate(-.4deg)}50%{transform:translateY(3px) scaleY(.8) rotate(.25deg)}75%{transform:translateY(6px) scaleY(1.7) rotate(-.25deg)}}@keyframes headerSignal{0%,to{opacity:.22;transform:scaleX(.78)}50%{opacity:.9;transform:scaleX(1.08)}}@media (max-width:700px){.main-head.refined-head{grid-template-columns:minmax(0,1fr) auto;min-height:82px;padding:6px 10px}.main-head.refined-head .header-wordmark{width:min(64vw,285px)!important;max-height:68px}.main-head.refined-head:before{position:absolute;left:50%;transform:translate(-50%);width:58px;height:42px;font-size:21px;opacity:.8}.main-head.refined-head:after{left:34%;right:26%;opacity:.38}.main-head.refined-head .head-actions{gap:5px}.main-head.refined-head .head-actions button{width:36px;height:36px}}.refined-head{height:92px;min-height:92px!important;padding:7px 12px!important;display:grid!important;grid-template-columns:minmax(180px,1fr) auto auto;gap:10px!important;overflow:hidden}.wide-lockup{display:flex!important;align-items:center;justify-content:flex-start;max-width:none!important;min-width:0;height:100%;overflow:hidden}.header-wordmark{height:98px!important;width:auto!important;max-width:none!important;object-fit:contain;object-position:left center;transform:scale(1.18);transform-origin:left center;margin-left:-6px;filter:drop-shadow(0 7px 18px #0004)}.header-core{display:flex;align-items:center;gap:7px;opacity:.8}.header-core i{display:block;width:34px;height:2px;background:linear-gradient(90deg,transparent,#ff2e93,#8d2ef3,#08e8ff);border-radius:99px;animation:corePulse 2.2s ease-in-out infinite}.header-core i:last-child{transform:scaleX(-1)}.header-core b{font-family:var(--display-font);font-size:18px;background:linear-gradient(135deg,#ff2e93,#8d2ef3,#08e8ff);-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 0 10px #9d36ff66)}@keyframes corePulse{50%{opacity:.35;transform:scaleX(.72)}}.head-actions{gap:8px!important}.head-actions button{width:46px!important;height:46px!important;border-radius:15px!important}.head-actions svg{width:23px!important;height:23px!important}.page-shell{padding-top:10px!important;padding-bottom:118px!important}.card,.export-panel,.build-history,.exports-hero,.video-maker{padding:13px!important;border-radius:19px!important}.create-layout{gap:9px!important}.section-head{margin-bottom:9px!important}.source-wave{height:66px!important;margin-top:7px!important}.drop-main{min-height:82px!important;margin-top:8px!important;padding:10px!important}.profiles{gap:6px!important}.profiles button{min-height:54px!important;padding:7px 8px!important;display:grid;gap:2px;align-content:center;text-align:left}.profiles button b{font-size:10px}.profiles button small{font-size:8px;color:var(--muted);font-weight:600;line-height:1.2}.tune-grid{gap:8px!important;margin-top:9px!important}.advanced-tune{gap:8px!important}.create-note{margin-bottom:0}.make-btn{min-height:56px!important;margin-top:9px!important}.format-simple{grid-template-columns:repeat(2,minmax(0,1fr))!important}.format-simple button{min-height:62px!important}.format-simple b{font-size:13px}.format-simple small{font-size:8px!important}.visual-export{font-size:10px!important;font-weight:900!important;padding:10px 12px!important}.export-mini{font-size:9px!important;font-weight:900!important}.player-bar{bottom:86px!important;grid-template-columns:auto minmax(0,1fr) auto auto!important;padding:9px!important;gap:8px!important}.player-bar button{height:46px!important;min-width:46px!important;font-size:10px!important;font-weight:900!important}.player-main{width:48px!important;font-size:20px!important}.visual-trigger{padding:0 13px!important;min-width:96px!important}.visual-trigger span{font-size:13px}.stop-btn{font-size:17px!important;width:48px!important}.player-info b{font-size:10px!important}.player-info span{font-size:8px!important}.premium-nav{height:76px!important}.premium-nav button{height:61px!important}.premium-nav button b{font-size:9px!important;letter-spacing:.08em!important}.nav-icon{width:38px!important;height:38px!important}.nav-icon svg{width:29px!important;height:29px!important;stroke-width:2}.premium-nav .nav-main{height:68px!important;margin-top:-20px!important}.premium-nav .nav-main .nav-icon{width:45px!important;height:45px!important}.premium-nav .nav-main .nav-icon svg{width:33px!important;height:33px!important}.premium-nav button.active .nav-icon{filter:drop-shadow(0 0 10px #e33cff88)}.dj-header.performance{padding:14px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:10px!important}.dj-brandmark{display:flex!important;align-items:center!important;gap:12px!important;min-width:0}.dj-glyph{width:72px;height:72px;flex:0 0 72px;border-radius:20px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 20%,#ffffffcc,transparent 22%),linear-gradient(135deg,#ff2e93,#892df4 56%,#08e8ff);box-shadow:0 12px 32px #b02eff38,inset 0 0 0 1px #fff4}.dj-glyph:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:15px;background:color-mix(in srgb,var(--dj-surface) 88%,transparent)}.dj-glyph b,.dj-glyph i{position:absolute;z-index:1;font-family:var(--display-font);font-style:normal}.dj-glyph b{font-size:17px;letter-spacing:-.08em}.dj-glyph i{font-size:28px;background:linear-gradient(135deg,#ff2e93,#08e8ff);-webkit-background-clip:text;color:transparent}.dj-title-stack b{font-size:23px!important;line-height:1.05}.dj-title-stack .live-kicker{font-size:8px!important}.dj-title-stack small{font-size:8px!important;line-height:1.2}.dj-status{grid-column:1/2;display:flex!important;gap:7px!important}.dj-status span{min-width:44px!important;height:34px!important;border-radius:10px!important;display:grid!important;place-items:center!important;font-size:10px!important;font-weight:900!important}.dj-head-actions{grid-column:2;grid-row:1/3;display:flex;align-items:start;gap:8px}.dj-head-actions button{width:48px!important;height:48px!important;font-size:21px!important}.mode-switch button{min-height:66px!important;font-size:12px!important}.mode-switch button small{font-size:8px!important}.quick-strip button{min-height:50px!important;font-size:10px!important}.transport button{min-height:52px!important;font-size:10px!important;font-weight:900!important}.pitch-bend button{min-height:46px!important;font-size:9px!important}.pitch-bend span{font-size:11px!important;font-weight:900}.knob-wrap span,.knob-wrap small,.faders label{font-size:9px!important}.expert-deck{padding:12px!important}.stem-lab span,.hot-cues span{font-size:9px!important;letter-spacing:.12em!important}.stem-lab button,.hot-cues button,.beat-tools button{min-height:44px!important;font-size:10px!important;font-weight:900!important;padding:8px!important}.mixer-title{font-size:14px!important}.sync-row button{min-height:43px!important;font-size:9px!important}.cross-labels span{font-size:8px!important}.xpad b{font-size:11px!important}.xpad small{font-size:8px!important}.deck-title b{font-size:12px!important}.deck-title button{min-width:64px!important;min-height:44px!important;font-size:10px!important}.deck-readout{font-size:9px!important}@media (max-width:700px){.refined-head{height:96px;min-height:96px!important;grid-template-columns:minmax(0,1fr) auto;padding:4px 8px!important}.wide-lockup{margin-left:-8px}.header-wordmark{height:104px!important;transform:scale(1.28);margin-left:-12px}.header-core{display:none}.head-actions{gap:5px!important}.head-actions button{width:42px!important;height:42px!important}.head-actions svg{width:22px!important;height:22px!important}.page-shell{padding-left:8px!important;padding-right:8px!important}.exports-hero{margin-bottom:8px!important}.build-card{grid-template-columns:minmax(0,1fr) 58px 48px!important}.tiny-btn{width:auto!important;min-width:46px!important}.player-bar{left:8px!important;right:8px!important;bottom:88px!important}.player-info span{display:none}.visual-trigger{min-width:82px!important;padding:0 8px!important;font-size:9px!important}.premium-nav{bottom:10px!important;width:calc(100% - 16px)!important}.dj-page{padding-bottom:94px!important}.dj-header.performance{grid-template-columns:minmax(0,1fr) auto!important;padding:10px!important}.dj-glyph{width:62px;height:62px;flex-basis:62px;border-radius:17px}.dj-title-stack b{font-size:20px!important}.dj-head-actions button{width:44px!important;height:44px!important}.dj-status span{min-width:40px!important;height:31px!important}.quick-strip{grid-template-columns:repeat(3,1fr)!important}.deck{padding:12px!important}.deck-main{gap:12px!important}.platter-wrap{min-width:150px!important}.format-simple{grid-template-columns:1fr 1fr!important}}@media (max-width:430px){.header-wordmark{height:100px!important;transform:scale(1.34)}.head-actions button{width:39px!important;height:39px!important}.player-bar{grid-template-columns:auto minmax(0,1fr) 76px 44px!important}.visual-trigger{min-width:76px!important}.dj-brandmark{gap:8px!important}.dj-glyph{width:56px;height:56px;flex-basis:56px}.dj-title-stack b{font-size:17px!important}.dj-title-stack small{font-size:7px!important}.dj-status{gap:5px!important}.dj-status span{min-width:36px!important}.stem-lab button,.hot-cues button,.beat-tools button{font-size:9px!important}.page-shell{padding-bottom:112px!important}}.install-banner{position:relative;z-index:20;margin:8px auto 4px;width:min(680px,calc(100% - 20px));display:grid;grid-template-columns:46px minmax(0,1fr) auto 36px;align-items:center;gap:10px;padding:9px 10px;border:1px solid #ffffff24;border-radius:16px;background:color-mix(in srgb,#11111b 92%,transparent);box-shadow:0 8px 22px #0005,0 0 18px #9b31f722;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.install-banner img{width:42px;height:42px;border-radius:11px;object-fit:cover}.install-banner div{min-width:0;display:grid;gap:2px}.install-banner b{font-size:11px;letter-spacing:.04em}.install-banner span{font-size:9px;color:#aaa9bb}.install-banner>button:not(.xbtn){min-height:38px;padding:0 14px;border:0;border-radius:11px;font-size:10px;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff2e93,#8d2ef3,#08e8ff)}.install-banner .xbtn{width:34px;height:34px;border:0;background:transparent;color:#c9c7d3;font-size:22px}@media (max-width:520px){.install-banner{grid-template-columns:40px minmax(0,1fr) auto 30px;gap:7px;padding:8px}.install-banner img{width:38px;height:38px}.install-banner span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-banner>button:not(.xbtn){padding:0 10px}}.vm-drop{overflow:hidden;background-repeat:no-repeat!important}.vm-thumbs{display:flex;gap:8px;overflow-x:auto;padding:8px 0}.vm-thumbs>div{flex:0 0 96px}.vm-result{display:grid;gap:8px;margin-top:10px}.vm-result video{width:100%;max-height:360px;border-radius:14px;background:#000}.vm-result small{font-size:9px;color:var(--muted)}.refined-head{height:108px!important;min-height:108px!important}.header-wordmark{height:128px!important;transform:scale(1.28)!important;margin-left:-12px!important}.tune-slider,.tune-slider input,.platter-wrap,.platter,.knob-wrap,.crossfader,.xpad,.vm-thumbs{touch-action:pan-y}.platter-wrap,.platter,.knob-wrap,.crossfader,.xpad,.tune-slider input{touch-action:none!important}@media (max-width:700px){.refined-head{height:108px!important;min-height:108px!important}.header-wordmark{height:132px!important;transform:scale(1.38)!important;margin-left:-18px!important}}@media (max-width:430px){.header-wordmark{height:136px!important;transform:scale(1.42)!important;margin-left:-20px!important}}.refined-head{grid-template-columns:minmax(250px,auto) minmax(48px,1fr) auto!important}.wide-lockup{justify-content:flex-start!important;margin-left:-20px!important}.header-wordmark{margin-left:-28px!important;transform-origin:left center!important}.header-core{align-self:center!important;width:100%!important;display:flex!important;gap:0!important;overflow:hidden!important}.header-core i{height:3px!important;flex:1!important;width:auto!important;background:linear-gradient(90deg,#ff2e93,#8d2ef3,#08e8ff,#ff2e93)!important;background-size:300% 100%!important;animation:ggxRail 2.1s linear infinite!important;box-shadow:0 0 10px #ff2e9388,0 0 14px #08e8ff66}.header-core .spark{flex:0 0 13px!important;height:13px!important;border-radius:50%!important;margin:-5px -2px 0!important;background:radial-gradient(circle,#fff 0 16%,#08e8ff 22%,#9b31f7 48%,#ff2e93 70%,transparent 72%)!important;animation:ggxSpark 1.25s ease-in-out infinite!important}.header-core i:last-child{transform:none!important}@keyframes ggxRail{to{background-position:300% 0}}@keyframes ggxSpark{50%{transform:scale(1.55);filter:brightness(1.45);opacity:.7}}@media (max-width:700px){.refined-head{grid-template-columns:minmax(260px,auto) minmax(24px,1fr) auto!important}.wide-lockup{margin-left:-24px!important}.header-wordmark{margin-left:-34px!important}.header-core{display:flex!important;min-width:22px!important}.header-core .spark{display:none!important}}@media (max-width:430px){.refined-head{grid-template-columns:minmax(238px,auto) minmax(18px,1fr) auto!important}.wide-lockup{margin-left:-28px!important}.header-wordmark{margin-left:-38px!important}}.refined-head{grid-template-columns:minmax(0,1fr) 116px 150px!important;padding:4px 10px 4px 0!important;column-gap:0!important}.wide-lockup{margin:0!important;overflow:visible!important;justify-content:flex-start!important}.header-wordmark{display:block!important;height:136px!important;max-height:none!important;margin-left:-34px!important;transform:none!important;transform-origin:left center!important}.header-core{display:flex!important;width:116px!important;margin-left:-22px!important;margin-right:0!important;align-items:center!important;overflow:visible!important;z-index:2}.header-core i{display:block!important;flex:1 1 auto!important;height:3px!important;border-radius:99px!important;background:linear-gradient(90deg,#ff2e93,#a52dff,#08e8ff,#ff2e93)!important;background-size:300% 100%!important;animation:ggxRail2 1.65s linear infinite!important;box-shadow:0 0 9px #ff2e9399,0 0 12px #08e8ff77}.header-core span{display:block!important;flex:0 0 7px!important;width:7px!important;height:7px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 8px #08e8ff,0 0 14px #ff2e93!important;animation:ggxDot 1.1s ease-in-out infinite!important}.head-actions{position:relative!important;z-index:3!important}@keyframes ggxRail2{to{background-position:300% 0}}@keyframes ggxDot{50%{transform:scale(1.65);opacity:.55}}@media (max-width:700px){.refined-head{grid-template-columns:minmax(0,1fr) 72px 132px!important;padding-left:0!important}.header-wordmark{height:132px!important;margin-left:-30px!important;transform:none!important}.header-core{display:flex!important;width:72px!important;min-width:72px!important;margin-left:-18px!important}.header-core span{display:block!important}.head-actions{gap:4px!important}}@media (max-width:430px){.refined-head{grid-template-columns:minmax(0,1fr) 58px 126px!important}.header-wordmark{height:130px!important;margin-left:-32px!important;transform:none!important}.header-core{width:58px!important;min-width:58px!important;margin-left:-18px!important}.head-actions button{width:38px!important;height:38px!important}}.refined-head{grid-template-columns:minmax(0,1fr) auto!important;padding-left:0!important}.brand-rail{min-width:0;height:100%;display:flex;align-items:center;overflow:hidden}.brand-rail .wide-lockup{flex:0 0 auto;width:auto!important;min-width:0!important;margin:0!important}.brand-rail .header-wordmark{height:132px!important;width:auto!important;margin-left:-30px!important;transform:none!important}.brand-rail .header-core{display:flex!important;flex:1 1 auto!important;width:auto!important;min-width:26px!important;margin-left:-28px!important;margin-right:4px!important;overflow:visible!important;align-items:center!important}.brand-rail .header-core i{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:20px!important}.brand-rail .header-core span{display:block!important;flex:0 0 7px!important}.head-actions{flex:0 0 auto!important}@media (max-width:430px){.brand-rail .header-wordmark{height:128px!important;margin-left:-32px!important}.brand-rail .header-core{margin-left:-27px!important;margin-right:2px!important;min-width:18px!important}}.refined-head{height:108px!important;min-height:108px!important;display:grid!important;grid-template-columns:280px minmax(30px,1fr) 150px!important;align-items:center!important;gap:0!important;padding:0 10px 0 0!important;overflow:hidden!important}.wide-lockup{display:flex!important;width:280px!important;height:108px!important;align-items:center!important;justify-content:flex-start!important;overflow:hidden!important;margin:0!important}.header-wordmark{display:block!important;width:auto!important;height:150px!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;margin:0 0 0 -34px!important;transform:none!important;filter:drop-shadow(0 7px 18px #0004)!important}.header-core{display:flex!important;width:100%!important;min-width:30px!important;height:20px!important;align-items:center!important;gap:0!important;margin:0!important;overflow:visible!important;opacity:1!important}.header-core i{display:block!important;flex:1 1 auto!important;width:auto!important;min-width:20px!important;height:4px!important;border-radius:99px!important;background:linear-gradient(90deg,#ff2e93,#8d2ef3,#08e8ff,#ff2e93)!important;background-size:300% 100%!important;animation:ggxRail4 1.35s linear infinite!important;box-shadow:0 0 8px #ff2e93aa,0 0 12px #08e8ff88!important;transform:none!important}.header-core span{display:block!important;flex:0 0 8px!important;width:8px!important;height:8px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 0 8px #08e8ff,0 0 14px #ff2e93!important;animation:ggxDot4 1s ease-in-out infinite!important}.head-actions{display:flex!important;width:150px!important;justify-content:flex-end!important;gap:6px!important;position:relative!important;z-index:3!important}@keyframes ggxRail4{to{background-position:300% 0}}@keyframes ggxDot4{50%{transform:scale(1.6);opacity:.55}}@media (max-width:700px){.refined-head{grid-template-columns:250px minmax(26px,1fr) 132px!important}.wide-lockup{width:250px!important}.header-wordmark{height:148px!important;margin-left:-34px!important}.head-actions{width:132px!important}.head-actions button{width:40px!important;height:40px!important}}@media (max-width:430px){.refined-head{grid-template-columns:238px minmax(24px,1fr) 126px!important}.wide-lockup{width:238px!important}.header-wordmark{height:146px!important;margin-left:-36px!important}.header-core{min-width:24px!important}.head-actions{width:126px!important;gap:4px!important}.head-actions button{width:38px!important;height:38px!important}}.refined-head{grid-template-columns:300px minmax(52px,1fr) 132px!important;height:108px!important;padding:0 10px 0 0!important;gap:0!important}.wide-lockup{width:300px!important;height:108px!important;overflow:hidden!important}.header-wordmark{height:190px!important;width:auto!important;max-width:none!important;margin-left:-54px!important;transform:none!important;object-position:left center!important}.header-core{display:block!important;width:100%!important;min-width:52px!important;height:16px!important;margin-left:-58px!important;margin-right:-2px!important;overflow:visible!important;opacity:1!important;z-index:2!important}.header-core i{display:block!important;width:calc(100% + 60px)!important;min-width:110px!important;height:4px!important;margin:6px 0 0!important;border-radius:99px!important;background:linear-gradient(90deg,#ff2e93,#9b31f7 40%,#08e8ff,#ff2e93)!important;background-size:300% 100%!important;box-shadow:0 0 9px #ff2e93aa,0 0 13px #08e8ff99!important;animation:ggxRail5 1.2s linear infinite!important;transform:none!important}.head-actions{width:132px!important;gap:4px!important}@keyframes ggxRail5{0%{background-position:0 0;filter:brightness(.95)}50%{filter:brightness(1.55)}to{background-position:300% 0;filter:brightness(.95)}}@media (max-width:430px){.refined-head{grid-template-columns:292px minmax(48px,1fr) 126px!important}.wide-lockup{width:292px!important}.header-wordmark{height:186px!important;margin-left:-56px!important}.header-core{min-width:48px!important;margin-left:-62px!important}.header-core i{width:calc(100% + 64px)!important;min-width:108px!important}.head-actions{width:126px!important}}.refined-head{grid-template-columns:252px minmax(86px,1fr) 126px!important}.wide-lockup{width:252px!important}.header-wordmark{height:202px!important;margin-left:-58px!important}.header-core{min-width:86px!important;margin-left:-18px!important;margin-right:0!important}.header-core i{width:calc(100% + 20px)!important;min-width:118px!important;height:4px!important}.head-actions{width:126px!important}@media (max-width:430px){.refined-head{grid-template-columns:248px minmax(82px,1fr) 126px!important}.wide-lockup{width:248px!important}.header-wordmark{height:198px!important;margin-left:-58px!important}.header-core{min-width:82px!important;margin-left:-20px!important}.header-core i{width:calc(100% + 22px)!important;min-width:114px!important}}.main-head.refined-head{grid-template-columns:minmax(0,1fr) 120px auto!important;min-height:96px!important;padding:7px 12px 7px 8px!important;gap:10px!important;align-items:center!important}.main-head.refined-head:before,.main-head.refined-head:after{display:none!important}.main-head.refined-head .wide-lockup{width:100%!important;max-width:none!important;justify-self:stretch!important;overflow:visible!important}.main-head.refined-head .header-wordmark{width:min(390px,100%)!important;max-height:82px!important;height:82px!important;object-fit:contain!important;object-position:left center!important;transform:translate(-3px);filter:drop-shadow(0 8px 18px #0003)!important}.header-core{position:relative!important;display:grid!important;grid-template-columns:1fr 42px 1fr!important;align-items:center!important;gap:4px!important;width:100%!important;min-width:90px!important;height:54px!important;justify-self:center!important;color:#fff!important;opacity:.92}.header-core:before{content:"";position:absolute;top:7px;right:18px;bottom:7px;left:18px;border-radius:18px;background:radial-gradient(circle,#ff2e934d 0,#a92fff2b 35%,#08e8ff24 58%,transparent 72%);filter:blur(4px);animation:corePulse 2.6s ease-in-out infinite}.header-core i{height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,#ff2e93,#9b31f7,#08e8ff,transparent);box-shadow:0 0 12px #9b31f7;animation:signalBreath 1.9s ease-in-out infinite}.header-core b{position:relative;z-index:1;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#ff2e93,#8f2df3 55%,#08e8ff);color:#08060b;font:900 20px/1 var(--display-font);box-shadow:0 0 20px #8f2df355,inset 0 1px #fff9}.head-actions{gap:7px!important}.head-actions button{width:42px!important;height:42px!important;border-radius:14px!important}.head-actions svg{width:22px!important;height:22px!important}.drop-main{min-height:112px!important;padding:14px!important}.drop-main b{color:#fff!important;font-size:13px!important;opacity:.96}.drop-main>span:last-child{color:#d6c7d3!important;font-size:10px!important}.drop-orb{width:52px!important;height:52px!important;font-size:34px!important}.source-wave{height:82px!important}.source-card,.profile-card,.create-card{padding:18px!important}.section-head{margin-bottom:12px!important}.section-head h2{font-size:24px!important;line-height:1!important}.section-head p{font-size:11px!important}.profiles{gap:9px!important}.profiles button{min-height:68px!important;padding:11px 13px!important}.profiles button b{font-size:13px!important}.profiles button small{font-size:9px!important}.tune-grid{gap:12px!important}.tune-slider span{font-size:9px!important}.advanced-toggle{min-height:50px!important;font-size:12px!important}.bottom-nav.premium-nav{height:76px!important;left:14px!important;right:14px!important;bottom:12px!important;border-radius:25px!important;padding:5px 7px!important;gap:5px!important;background:color-mix(in srgb,var(--panel) 93%,transparent)!important;-webkit-backdrop-filter:blur(22px) saturate(1.2)!important;backdrop-filter:blur(22px) saturate(1.2)!important;box-shadow:0 17px 42px #0005,0 0 0 1px #fff8 inset!important}.bottom-nav.premium-nav button{min-width:0!important;border-radius:18px!important;gap:1px!important}.bottom-nav.premium-nav button:not(.nav-main){min-height:62px!important}.premium-nav .nav-icon{width:36px!important;height:36px!important;border-radius:12px!important}.premium-nav .nav-icon svg{width:29px!important;height:29px!important;stroke-width:2.15!important}.premium-nav button b{font-size:9px!important;letter-spacing:.08em!important;line-height:1!important}.premium-nav .nav-main{height:68px!important;margin-top:-9px!important;border-radius:20px!important;box-shadow:0 11px 28px #8f2df344!important}.premium-nav .nav-main .nav-icon{width:43px!important;height:43px!important}.premium-nav .nav-main .nav-icon svg{width:32px!important;height:32px!important}.premium-nav button.active:not(.nav-main){background:color-mix(in srgb,var(--panel2) 74%,#ff2e93 8%)!important}.nav-pulse{display:none!important}.dj-page{padding-bottom:105px!important}.dj-header.performance{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:12px!important;row-gap:10px!important;align-items:center!important;padding:14px 14px 12px!important;min-height:132px!important;border-radius:24px!important;overflow:hidden!important;position:relative!important}.dj-header.performance:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,#ff2e93,#8f2df3,#08e8ff);box-shadow:0 0 15px #8f2df3}.dj-brandmark{display:grid!important;grid-template-columns:74px minmax(0,1fr)!important;gap:13px!important;align-items:center!important;min-width:0!important}.dj-glyph{width:74px!important;height:74px!important;border-radius:22px!important;display:grid!important;place-items:center!important;position:relative!important;overflow:hidden!important;background:radial-gradient(circle at 28% 20%,#fff9,transparent 28%),linear-gradient(135deg,#ff2e93,#852cff 56%,#08e8ff)!important;box-shadow:0 9px 28px #922eff55,inset 0 0 0 2px #fff6!important}.dj-glyph:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:16px;background:#0c0710e8;border:1px solid #fff3}.dj-glyph b{position:relative!important;z-index:1!important;font:900 20px/1 var(--display-font)!important;color:#fff!important;letter-spacing:-.08em}.dj-glyph i{position:absolute!important;z-index:1!important;font:900 42px/1 var(--display-font)!important;color:#08e8ff!important;opacity:.52!important;transform:rotate(-8deg)!important}.dj-title-stack{min-width:0!important}.live-kicker{font-size:8px!important;letter-spacing:.2em!important;color:#08d9ec!important;white-space:nowrap!important}.dj-title-stack b{display:block!important;font-size:24px!important;line-height:1.02!important;letter-spacing:.01em!important;white-space:normal!important}.dj-title-stack b i{font-style:normal!important;background:linear-gradient(90deg,#ff2e93,#a52fff,#08e8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.dj-title-stack small{display:block!important;font-size:9px!important;letter-spacing:.05em!important;margin-top:5px!important}.dj-head-actions{display:flex!important;gap:7px!important;align-self:start!important}.dj-head-actions button{width:46px!important;height:46px!important;border-radius:15px!important;font-size:24px!important}.dj-status{grid-column:1/3!important;display:flex!important;gap:7px!important;padding-left:87px!important}.dj-status span{min-width:48px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:11px!important;font-size:9px!important;letter-spacing:.12em!important}.dj-status span.on{box-shadow:0 0 16px #08e8ff55!important}.dj-status .rec.on{box-shadow:0 0 17px #ff2e9366!important}.mode-switch{gap:8px!important;padding:7px!important;border-radius:20px!important}.mode-switch button{min-height:74px!important;font-size:14px!important}.mode-switch button small{font-size:9px!important;margin-top:3px!important}.quick-strip{gap:8px!important}.quick-strip button{min-height:56px!important;border-radius:15px!important;font-size:11px!important;letter-spacing:.03em!important}.deck{padding:16px!important;border-radius:23px!important}.deck-title{grid-template-columns:auto minmax(0,1fr) auto!important;gap:9px!important;align-items:center!important}.deck-title>span{font-size:9px!important;letter-spacing:.16em!important}.deck-title>b{font-size:14px!important;line-height:1.1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.deck-title button{min-width:72px!important;height:52px!important;border-radius:15px!important;font-size:12px!important}.deck-meta i{font-size:8px!important}.wave,.wave-empty{height:112px!important;border-radius:17px!important;margin-top:12px!important}.wave-empty i{height:2px!important;animation-duration:1.95s!important}.deck-main{gap:12px!important}.platter-wrap{min-width:154px!important}.platter{width:150px!important;height:150px!important;box-shadow:0 0 0 8px color-mix(in srgb,var(--dj-line) 42%,transparent),0 0 28px #8f2df327!important}.record-rings{background:repeating-radial-gradient(circle,#101015 0,#101015 2px,#2c2931 3px,#2c2931 5px,#0b0b0f 6px,#0b0b0f 8px)!important;animation:platterSpin 3s linear infinite paused!important}.playing .record-rings{animation-play-state:running!important}.record-label{width:56px!important;height:56px!important;box-shadow:0 0 0 3px #0b0a0d,0 0 0 5px #ff2e9344!important}.record-label b{font-size:17px!important}.record-label span{font-size:9px!important}.platter-wrap>small{font-size:8px!important;font-weight:700!important;letter-spacing:.05em!important}.transport{gap:7px!important}.transport button{min-height:56px!important;border-radius:14px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.02em!important}.transport .play{font-size:18px!important}.pitch-bend{grid-template-columns:1fr 70px 1fr!important;gap:7px!important}.pitch-bend button{min-height:46px!important;border-radius:13px!important;font-size:10px!important}.pitch-bend span{font-size:12px!important;font-weight:800!important}.knobs{gap:12px 10px!important;margin-top:10px!important}.knob{width:62px!important;height:62px!important}.knob-wrap span{font-size:9px!important;font-weight:800!important}.knob-wrap small,.faders label{font-size:9px!important;font-weight:700!important}.faders b{font-size:9px!important}.expert-deck{padding:12px!important;border-radius:17px!important;gap:10px!important}.stem-lab,.hot-cues,.beat-tools{gap:7px!important}.stem-lab span,.hot-cues span{font-size:8px!important;letter-spacing:.14em!important}.stem-lab button,.hot-cues button,.beat-tools button{min-height:43px!important;border-radius:12px!important;font-size:9px!important;font-weight:800!important}.deck-readout{font-size:9px!important;margin-top:10px!important}.mixer{padding:15px!important;border-radius:23px!important}.mixer-title{font-size:17px!important;letter-spacing:.12em!important}.cross-labels{font-size:8px!important}.crossfader i{width:54px!important;height:54px!important;font-size:20px!important;border-radius:16px!important}.xpad{min-height:205px!important;border:1.5px solid color-mix(in srgb,var(--dj-line) 60%,#8f2df3)!important;border-radius:19px!important;background:radial-gradient(circle at 50% 50%,#8f2df31b,transparent 36%),linear-gradient(135deg,color-mix(in srgb,var(--dj-surface) 92%,#ff2e93 8%),color-mix(in srgb,var(--dj-surface) 92%,#08e8ff 8%))!important;box-shadow:inset 0 0 40px #8f2df312!important}.xpad>b{font-size:13px!important;letter-spacing:.11em!important;color:var(--dj-text)!important}.xpad small{font-size:9px!important;color:var(--dj-muted)!important;font-weight:700!important}.xpad-dot{width:42px!important;height:42px!important;background:linear-gradient(135deg,#ff2e93,#8f2df3,#08e8ff)!important;box-shadow:0 0 24px #8f2df355!important}.dj-theme-light{--dj-surface:#fffdfd!important;--dj-surface2:#f7eef5!important;--dj-line:#cbb6c5!important;--dj-text:#21131e!important;--dj-muted:#6e5267!important}.dj-theme-light .deck,.dj-theme-light .mixer,.dj-theme-light .dj-header.performance,.dj-theme-light .mode-switch{box-shadow:0 12px 30px #50334716,0 0 0 1px #fff inset!important}.dj-theme-light .quick-strip button:not(.recording),.dj-theme-light .transport button:not(.play),.dj-theme-light .deck-title button{background:#21131e!important;color:#fff!important}.dj-theme-light .xpad{background:radial-gradient(circle at 50% 50%,#8f2df326,transparent 35%),linear-gradient(135deg,#fff7fb,#f5edff 54%,#ebfbff)!important}.dj-theme-light .wave,.dj-theme-light .wave-empty{background:linear-gradient(180deg,#f7edf4,#efe4ee)!important;border-color:#c9b2c3!important}.dj-theme-light .knob-wrap span,.dj-theme-light .knob-wrap small,.dj-theme-light .faders label,.dj-theme-light .deck-readout{color:#60475a!important}@keyframes corePulse{0%,to{transform:scale(.92);opacity:.55}50%{transform:scale(1.08);opacity:1}}@keyframes signalBreath{0%,to{transform:scaleX(.75);opacity:.35}50%{transform:scaleX(1.08);opacity:1}}@keyframes platterSpin{to{transform:rotate(360deg)}}@media (max-width:700px){.main-head.refined-head{grid-template-columns:minmax(0,1fr) 58px auto!important;min-height:86px!important;padding:5px 8px!important;gap:6px!important}.main-head.refined-head .header-wordmark{width:min(56vw,260px)!important;height:72px!important;max-height:72px!important}.header-core{grid-template-columns:1fr 34px 1fr!important;min-width:52px!important;height:44px!important}.header-core b{width:34px!important;height:34px!important;border-radius:11px!important;font-size:16px!important}.header-core i{height:1.5px!important}.head-actions{gap:4px!important}.head-actions button{width:38px!important;height:38px!important;border-radius:13px!important}.head-actions svg{width:20px!important;height:20px!important}.create-layout{gap:12px!important}.source-card,.profile-card,.create-card{padding:15px!important}.drop-main{min-height:102px!important}.source-wave{height:72px!important}.profiles button{min-height:64px!important}.bottom-nav.premium-nav{height:72px!important;left:12px!important;right:12px!important;bottom:8px!important}.premium-nav .nav-main{height:64px!important}.premium-nav button b{font-size:8.5px!important}.premium-nav .nav-icon{width:34px!important;height:34px!important}.premium-nav .nav-icon svg{width:27px!important;height:27px!important}.premium-nav .nav-main .nav-icon{width:40px!important;height:40px!important}.premium-nav .nav-main .nav-icon svg{width:30px!important;height:30px!important}.dj-page{padding:12px 10px 100px!important}.dj-header.performance{min-height:124px!important;padding:12px!important}.dj-brandmark{grid-template-columns:62px minmax(0,1fr)!important;gap:10px!important}.dj-glyph{width:62px!important;height:62px!important;border-radius:18px!important}.dj-glyph i{font-size:35px!important}.dj-glyph b{font-size:17px!important}.dj-title-stack b{font-size:20px!important}.live-kicker{font-size:7px!important}.dj-title-stack small{font-size:8px!important}.dj-head-actions button{width:42px!important;height:42px!important}.dj-status{padding-left:72px!important}.dj-status span{min-width:43px!important;height:29px!important}.mode-switch button{min-height:68px!important;font-size:13px!important}.quick-strip button{min-height:52px!important;font-size:10px!important}.deck{padding:13px!important}.deck-title>b{font-size:13px!important}.deck-title button{min-width:66px!important;height:48px!important}.wave,.wave-empty{height:100px!important}.deck-main{grid-template-columns:142px minmax(0,1fr)!important;gap:9px!important}.platter-wrap{min-width:142px!important}.platter{width:138px!important;height:138px!important}.transport{grid-template-columns:repeat(4,minmax(0,1fr))!important}.transport button{min-height:52px!important;font-size:9.5px!important;padding:5px!important}.pitch-bend button{font-size:9px!important}.knobs{grid-template-columns:repeat(4,minmax(0,1fr))!important}.knob{width:56px!important;height:56px!important}.knob-wrap span,.knob-wrap small{font-size:8px!important}.xpad{min-height:180px!important}.mixer{padding:13px!important}.expert-deck{padding:10px!important}}.bottom-nav.premium-nav{left:12px!important;right:12px!important;width:auto!important;max-width:none!important;transform:none!important;margin:0!important;box-sizing:border-box!important}@media (min-width:701px){.bottom-nav.premium-nav{left:50%!important;right:auto!important;width:min(520px,calc(100% - 24px))!important;max-width:520px!important;transform:translate(-50%)!important}}.app-v2 .bottom-nav.premium-nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-rows:1fr!important;align-items:center!important;gap:5px!important;overflow:visible!important}.app-v2 .bottom-nav.premium-nav>button{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.app-v2 .track-tools-stage .source-tool-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:701px){.app-v2 .bottom-nav.premium-nav{width:min(680px,calc(100% - 24px))!important;max-width:680px!important}}@media (max-width:540px){.app-v2 .track-tools-stage .source-tool-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.ggx-head-v2{height:108px!important;min-height:108px!important;display:block!important;position:relative!important;padding:0!important;overflow:hidden!important}.ggx-head-v2 .ggx-logo-viewport{position:absolute!important;left:0!important;top:0!important;width:252px!important;height:108px!important;display:flex!important;align-items:center!important;overflow:visible!important;z-index:3!important}.ggx-head-v2 .header-wordmark{display:block!important;width:322px!important;height:auto!important;max-width:none!important;max-height:none!important;margin-left:-56px!important;object-fit:contain!important;transform:none!important;filter:contrast(1.08)!important}.ggx-head-v2 .head-actions{position:absolute!important;right:6px!important;top:50%!important;transform:translateY(-50%)!important;width:84px!important;display:flex!important;justify-content:flex-end!important;gap:4px!important;z-index:4!important}.ggx-head-v2 .ggx-header-wave{position:absolute!important;left:50%!important;top:50%!important;width:188px!important;height:72px!important;transform:translate(-50%,-50%)!important;display:block!important;overflow:visible!important;z-index:2!important}.ggx-head-v2 .hw-glow{position:absolute!important;left:0!important;right:0!important;top:19px!important;height:34px!important;border-radius:50%!important;background:linear-gradient(90deg,#ff2e9366,#9b31f799,#08e8ff77)!important;filter:blur(12px)!important;animation:hwGlow 2.2s ease-in-out infinite!important}.ggx-head-v2 .hw-line{position:absolute!important;left:0!important;right:0!important;top:35px!important;height:2px!important;border-radius:999px!important;background:linear-gradient(90deg,#ff2e93,#b12cff 48%,#08e8ff)!important;box-shadow:0 0 5px #ff2e93aa,0 0 8px #08e8ff77!important;transform-origin:center!important}.ggx-head-v2 .hw-a{animation:hwPulseA 1.55s ease-in-out infinite!important}.ggx-head-v2 .hw-b{opacity:.42!important;animation:hwPulseB 1.55s ease-in-out infinite reverse!important}.ggx-head-v2 .hw-bars{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;display:flex!important;align-items:center!important;justify-content:space-evenly!important;z-index:3!important}.ggx-head-v2 .hw-bars i{display:block!important;width:2px!important;height:10px!important;border-radius:99px!important;background:linear-gradient(180deg,#fff,#b12cff 45%,#08e8ff)!important;box-shadow:0 0 4px #a62cffaa!important;animation:hwBar 1.15s ease-in-out infinite!important;transform-origin:center!important}.ggx-head-v2 .hw-bars i:nth-child(2n){animation-delay:-.18s!important}.ggx-head-v2 .hw-bars i:nth-child(3n){animation-delay:-.37s!important}.ggx-head-v2 .hw-bars i:nth-child(4n){animation-delay:-.55s!important}.ggx-head-v2 .hw-bars i:nth-child(5n){animation-delay:-.73s!important}@keyframes hwBar{0%,to{transform:scaleY(.45);opacity:.6}35%{transform:scaleY(3.1);opacity:1}65%{transform:scaleY(1.1);opacity:.82}}@keyframes hwPulseA{0%,to{transform:scaleY(1)}35%{transform:scaleY(2.6)}68%{transform:scaleY(1.45)}}@keyframes hwPulseB{0%,to{transform:scaleY(.8)}50%{transform:scaleY(1.9)}}@keyframes hwGlow{0%,to{opacity:.38;transform:scaleX(.9)}50%{opacity:.78;transform:scaleX(1.03)}}@media (max-width:430px){.ggx-head-v2 .ggx-logo-viewport{left:-10px!important;width:244px!important}.ggx-head-v2 .header-wordmark{width:332px!important;margin-left:-58px!important}.ggx-head-v2 .head-actions{right:4px!important;width:79px!important;gap:3px!important}.ggx-head-v2 .head-actions button{width:38px!important;height:38px!important}.ggx-head-v2 .ggx-header-wave{left:50%!important;right:auto!important;width:172px!important;height:68px!important;transform:translate(-50%,-50%)!important}}.create-workspace{width:100%}.desktop-rail{display:none}.yt-results-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.live-preview audio{display:none}.preview-transport{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px}.preview-transport>button{width:44px;height:44px;border:1px solid #ff2e9366;border-radius:12px;background:#ff2e9314;color:#fff}.preview-viz{height:42px;display:flex;align-items:center;gap:2px}.preview-viz i{flex:1;min-width:2px;height:22%;border-radius:9px;background:linear-gradient(#ff2e93,#0be8f8);animation:pv 1.25s ease-in-out infinite;transform-origin:center}.preview-viz i:nth-child(3n){animation-delay:-.4s}.preview-viz i:nth-child(4n){animation-delay:-.7s}.preview-viz i:nth-child(5n){animation-delay:-1s}.preview-transport strong{font-size:9px;letter-spacing:.1em;color:#0be8f8}.preview-copy{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin-bottom:9px}.preview-copy span{font-size:10px;color:#ff43a1;font-weight:900;letter-spacing:.14em}.preview-copy b{font-size:9px;color:#0be8f8;text-align:right}.preview-copy small{grid-column:1/-1;color:#a986a0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-save{display:grid;grid-template-columns:1fr auto;gap:7px;margin:10px 0}.preset-save input{min-width:0;border:1px solid #ffffff1b;border-radius:11px;background:#08070b;color:inherit;padding:10px}.preset-save button{border:1px solid #9b31f755;border-radius:11px;background:#9b31f71b;color:#fff;font-size:9px;font-weight:900;padding:0 14px}@keyframes pv{0%,to{height:18%;opacity:.45}45%{height:88%;opacity:1}}@keyframes breathe{0%,to{opacity:.45}50%{opacity:.9}}@media (max-width:899px){.yt-results-scroll{height:246px!important;overflow-y:auto!important}.yt-results-scroll .yt-result{height:82px!important;min-height:82px!important;max-height:82px!important;box-sizing:border-box!important}.live-preview{padding:12px;border:1px solid #9b31f744;border-radius:15px;background:#9b31f70b}}@media (min-width:900px){body{overflow-x:hidden}.app-v2{min-height:100vh;background:#060509}.app-v2:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 15%,#ff2e9313,transparent 26%),radial-gradient(circle at 85% 18%,#0be8f810,transparent 28%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px}.ggx-head-v2{margin:16px 24px 0!important;height:88px!important;min-height:88px!important;border-radius:22px!important;background:#09070cdd!important;box-shadow:0 18px 55px #0008!important}.ggx-head-v2 .ggx-logo-viewport{height:88px!important}.ggx-head-v2 .ggx-header-wave{height:56px!important}.app-v2 .page-shell{max-width:none!important;width:100%!important;margin:0!important;padding:12px 24px 116px!important}.create-workspace{display:grid;grid-template-columns:76px minmax(0,1fr);gap:12px;min-height:calc(100vh - 230px)}.desktop-rail{display:flex;position:relative;z-index:2;flex-direction:column;align-items:center;gap:16px;padding:15px 8px;border:1px solid #ffffff14;border-radius:20px;background:linear-gradient(180deg,#160d18,#09070c);box-shadow:inset 0 1px #ffffff0c,0 20px 60px #0008}.desktop-rail b{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.2em;color:#b98cae}.desktop-rail small{writing-mode:vertical-rl;transform:rotate(180deg);max-height:180px;overflow:hidden;font-size:8px;color:#75576f}.rail-live{font-size:8px;font-weight:1000;letter-spacing:.14em;color:#0be8f8}.desktop-rail em{margin-top:auto;font-style:normal;font-size:8px;color:#ff2e93}.rail-meter{display:flex;flex-direction:column-reverse;gap:2px;width:20px;height:110px}.rail-meter i{display:block;height:4px;border-radius:8px;background:linear-gradient(90deg,#ff2e93,#0be8f8);animation:breathe 1.8s ease-in-out infinite}.rail-meter i:nth-child(3n){animation-delay:-.6s}.page-create .create-layout{display:grid!important;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.55fr) minmax(260px,.67fr)!important;grid-template-rows:auto 1fr!important;gap:12px!important;align-items:stretch!important;min-height:100%!important}.page-create .card{position:relative!important;margin:0!important;padding:18px!important;border:1px solid #ffffff16!important;border-radius:20px!important;background:linear-gradient(145deg,#160e18ed,#0a080ced)!important;box-shadow:inset 0 1px #ffffff0c,0 20px 60px #0007!important;overflow:hidden!important;min-height:0!important}.page-create .card:after{content:"";position:absolute;left:12%;right:12%;bottom:-22px;height:35px;background:linear-gradient(90deg,#ff2e93,#9b31f7,#0be8f8);filter:blur(26px);opacity:.12;animation:breathe 4s ease-in-out infinite}.page-create .source-card,.page-create .profile-card,.page-create .create-card{height:calc(100vh - 244px)!important;max-height:720px!important;overflow-y:auto!important;scrollbar-gutter:stable}.page-create .source-card{overflow-x:hidden!important}.create-card{position:relative!important;top:auto!important;display:flex!important;flex-direction:column!important}.create-card .make-btn{margin-top:22px!important}.create-card .create-note{margin-top:auto!important}.section-head{display:flex!important;align-items:center!important;gap:10px!important;margin-bottom:12px!important}.section-head>span{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:10px!important;background:linear-gradient(135deg,#ff2e93,#9b31f7,#0be8f8)!important;color:#fff!important;font-size:10px!important;font-weight:1000!important;opacity:1!important}.section-head h2{font-size:18px!important;letter-spacing:.11em!important;margin:0!important}.section-head p{font-size:9px!important;margin:2px 0 0!important}.source-tabs{margin:0 0 10px!important}.source-tabs button{min-height:42px!important}.drop-main{min-height:170px!important;border-radius:16px!important}.source-wave{height:92px!important}.xfactor-tracks{display:grid!important;grid-template-columns:1fr!important;gap:6px!important}.xfactor-tracks button{min-height:52px!important}.yt-panel form{display:grid!important;grid-template-columns:1fr auto!important;gap:7px!important;margin-bottom:8px!important}.yt-results-scroll{height:240px!important;max-height:240px!important;display:block!important;overflow-y:auto!important;border:1px solid #ffffff12!important;border-radius:14px!important}.yt-results-scroll .yt-result{display:grid!important;grid-template-columns:82px 1fr!important;gap:10px!important;width:100%!important;height:80px!important;min-height:80px!important;max-height:80px!important;margin:0!important;padding:8px!important;border-radius:0!important;border-left:0!important;border-right:0!important;box-sizing:border-box!important}.yt-result img{width:72px!important;height:54px!important;object-fit:cover!important;border-radius:8px!important}.yt-selected iframe{height:150px!important}.profiles{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:7px!important}.profiles button{min-height:64px!important;padding:10px!important;border-radius:12px!important;text-align:left!important}.profiles button b{font-size:11px!important}.profiles button small{font-size:8px!important}.live-preview{margin:10px 0!important;padding:12px!important;border:1px solid #9b31f755!important;border-radius:15px!important;background:linear-gradient(90deg,#ff2e9309,#9b31f711,#0be8f809)!important}.preset-save{margin:8px 0 12px!important}.tune-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px 12px!important}.tune-slider{padding:10px!important;border:1px solid #ffffff0d!important;border-radius:12px!important;background:#ffffff04!important}.advanced-toggle,.advanced-tune{grid-column:1/-1!important}.advanced-tune{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:9px 12px!important}.state{align-self:flex-start!important;margin:8px 0!important}.make-btn{min-height:68px!important;border-radius:16px!important;font-size:14px!important;box-shadow:0 12px 38px #ff2e9322!important}.bottom-nav{width:430px!important;left:50%!important;right:auto!important;bottom:14px!important;transform:translate(-50%)!important;border-radius:18px!important;background:#0a080ddd!important;-webkit-backdrop-filter:blur(22px)!important;backdrop-filter:blur(22px)!important}.bottom-nav button{min-height:60px!important}.player-bar{left:112px!important;right:24px!important;bottom:84px!important;border-radius:16px!important}}@media (min-width:1400px){.page-create .create-layout{grid-template-columns:minmax(360px,.85fr) minmax(620px,1.55fr) minmax(310px,.72fr)!important}.create-workspace{grid-template-columns:82px minmax(0,1fr)}.source-card,.profile-card,.create-card{max-height:760px!important}.yt-results-scroll{height:258px!important;max-height:258px!important}.yt-results-scroll .yt-result{height:86px!important;min-height:86px!important;max-height:86px!important}.profiles button{min-height:72px!important}.source-wave{height:110px!important}}.gxg-intelligence-strip{margin-top:12px;padding:10px 12px;border:1px solid rgba(155,92,255,.22);border-radius:14px;background:linear-gradient(135deg,#ff1f9d12,#49d9ff0d);display:grid;grid-template-columns:minmax(120px,1.25fr) repeat(3,minmax(70px,.7fr));gap:10px;align-items:center}.gxg-intelligence-strip>div{min-width:0}.gxg-intelligence-strip small,.gxg-intelligence-strip span{display:block;font-size:9px;letter-spacing:.13em;opacity:.62}.gxg-intelligence-strip strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gxg-intelligence-strip em{font-size:9px;font-style:normal;opacity:.65}.intel-state b{font-size:10px;letter-spacing:.12em}.intel-markers{grid-column:1/-1;display:flex!important;gap:5px;overflow:auto;padding-top:2px}.intel-markers i{font-style:normal;font-size:8px;letter-spacing:.08em;padding:4px 7px;border-radius:999px;border:1px solid rgba(73,217,255,.22);white-space:nowrap}@media (max-width:899px){.gxg-intelligence-strip{grid-template-columns:1fr 1fr 1fr}.intel-state{grid-column:1/-1}.gxg-intelligence-strip strong{font-size:12px}}.music-timeline{margin-top:10px;padding:10px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#04050c94;overflow:hidden}.timeline-head{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;margin-bottom:8px}.timeline-head span{font-size:9px;letter-spacing:.15em;opacity:.62}.timeline-head b{font-size:9px;letter-spacing:.1em}.timeline-head small{grid-column:1/-1;font-size:8px;opacity:.45}.timeline-rail{height:118px;position:relative;border-radius:10px;overflow:hidden;background:linear-gradient(180deg,#9b31f714,#0be8f806);cursor:crosshair}.timeline-energy{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:1px;padding:5px}.timeline-energy i{flex:1;min-width:1px;background:linear-gradient(180deg,#0be8f8,#9b31f7 52%,#ff2e93);border-radius:2px}.timeline-sections{position:absolute;top:0;right:0;bottom:0;left:0}.timeline-sections span{position:absolute;top:0;height:24px;border-left:1px solid rgba(255,255,255,.22);background:#ffffff09;overflow:hidden}.timeline-sections span[data-section="1"],.timeline-sections span[data-section="4"]{background:#ff2e9314}.timeline-sections span[data-section="2"],.timeline-sections span[data-section="5"]{background:#0be8f812}.timeline-sections b{font-size:7px;letter-spacing:.08em;padding:4px;display:block;white-space:nowrap}.timeline-beats{position:absolute;top:25px;right:0;bottom:0;left:0}.timeline-beats i{position:absolute;top:0;bottom:0;width:1px;background:#ffffff14}.timeline-beats i.bar{background:#ffffff38}.timeline-markers{position:absolute;top:0;right:0;bottom:0;left:0}.timeline-markers button{position:absolute;top:25px;bottom:0;width:1px;border:0;padding:0;background:transparent;overflow:visible}.timeline-markers button i{position:absolute;top:0;bottom:0;width:1px;background:#ff2e93;box-shadow:0 0 8px #ff2e938c}.timeline-markers button span{position:absolute;top:3px;left:4px;font-size:7px;letter-spacing:.06em;white-space:nowrap;opacity:.72}.timeline-markers button.selected i{width:2px;background:#0be8f8}.marker-editor{display:flex;gap:6px;margin-top:7px}.marker-editor input{min-width:0;flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:7px 9px;color:inherit;font:inherit}.marker-editor button{border:1px solid rgba(155,49,247,.25);border-radius:8px;background:#9b31f714;color:inherit;font-size:8px;font-weight:800;letter-spacing:.08em;padding:0 9px}@media (max-width:899px){.music-timeline{margin-left:-2px;margin-right:-2px}.timeline-rail{height:104px;min-width:560px}.music-timeline{overflow-x:auto}.timeline-head,.marker-editor{position:sticky;left:0;max-width:calc(100vw - 54px)}}.stems-workspace{margin-top:10px;padding:10px;border:1px solid rgba(11,232,248,.13);border-radius:14px;background:linear-gradient(135deg,#0be8f809,#ff2e9309)}.stems-head,.stem-status{display:flex;align-items:center;justify-content:space-between;gap:10px}.stems-head span{font-size:8px;letter-spacing:.15em;opacity:.55}.stems-head h3{font-size:12px;margin:2px 0 0}.stems-head>b{font-size:8px;letter-spacing:.1em;padding:5px 8px;border-radius:999px;border:1px solid rgba(11,232,248,.2)}.stem-lanes{display:grid;gap:5px;margin:9px 0}.stem-lane{display:grid;grid-template-columns:26px 1fr auto;gap:8px;align-items:center;padding:7px 8px;border-radius:9px;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.stem-lane>i{font-size:8px;font-style:normal;opacity:.4}.stem-lane span b,.stem-lane span small{display:block}.stem-lane span b{font-size:9px;letter-spacing:.1em}.stem-lane span small{font-size:7px;opacity:.45}.stem-actions{display:flex;gap:3px}.stem-actions button,.stem-status button{border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#ffffff09;color:inherit;font-size:7px;font-weight:800;padding:5px 7px}.stem-status>div small,.stem-status>div strong{display:block}.stem-status>div small{font-size:7px;opacity:.45}.stem-status>div strong{font-size:8px}.stem-status>button:not(:disabled){border-color:#ff2e9359;background:#ff2e9314}.stem-truth{font-size:8px;line-height:1.45;opacity:.55;margin:8px 0 0}@media (max-width:899px){.stem-status{align-items:stretch;flex-wrap:wrap}.stem-status>button{width:100%;padding:8px}.stem-actions button{padding:5px}.stem-lane{grid-template-columns:22px 1fr}.stem-actions{grid-column:2}}.stem-progress{height:24px;position:relative;margin:8px 0;border-radius:8px;overflow:hidden;background:#ffffff09;border:1px solid rgba(255,255,255,.06)}.stem-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#0be8f82e,#9b31f740,#ff2e9338);transition:width .2s}.stem-progress span{position:relative;z-index:1;display:block;padding:6px 8px;font-size:7px;font-weight:800;letter-spacing:.09em}.stem-actions button.active{border-color:#0be8f88c;background:#0be8f81f;box-shadow:0 0 10px #0be8f814}.stem-lane[data-stem=vocals]{border-left:2px solid rgba(255,46,147,.65)}.stem-lane[data-stem=drums]{border-left:2px solid rgba(11,232,248,.65)}.stem-lane[data-stem=bass]{border-left:2px solid rgba(155,49,247,.75)}.stem-lane[data-stem=other]{border-left:2px solid rgba(255,255,255,.35)}.source-tool-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:10px;position:sticky;bottom:0;z-index:6;padding:6px;border-radius:12px;background:#07050aeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08)}.source-tool-tabs button{min-height:34px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#ffffff09;color:inherit;font-size:8px;font-weight:900;letter-spacing:.1em}.source-tool-tabs button.active{border-color:#0be8f859;background:linear-gradient(90deg,#ff2e9321,#0be8f81f);box-shadow:inset 0 0 20px #9b31f70f}@media (min-width:900px){.source-card .stems-workspace,.source-card .music-timeline,.source-card .gxg-intelligence-strip{position:relative;z-index:2}.source-card .stems-workspace{margin-bottom:4px}.source-card .stem-lane{min-height:44px}.source-card .stem-truth{font-size:9px}.source-card .source-tool-tabs{bottom:-1px}}.track-tools-stage{grid-column:1/-1;min-width:0;padding:14px 16px 16px;border:1px solid rgba(155,49,247,.2);border-radius:18px;background:radial-gradient(circle at 85% 0,rgba(11,232,248,.07),transparent 28%),radial-gradient(circle at 10% 100%,rgba(255,46,147,.07),transparent 30%),#08060ce0;box-shadow:0 18px 55px #00000040;overflow:hidden}.track-tools-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:10px}.track-tools-head>div:first-child span{font-size:8px;letter-spacing:.2em;color:#0be8f8}.track-tools-head h2{margin:2px 0 0;font-size:16px;letter-spacing:.03em}.track-tools-stage .source-tool-tabs{position:static;display:grid;grid-template-columns:repeat(3,1fr);width:min(520px,52vw);margin:0;padding:4px}.track-tools-stage .gxg-intelligence-strip{grid-template-columns:minmax(150px,1.1fr) repeat(3,minmax(100px,.65fr));margin-top:0}.track-tools-stage .music-timeline{margin-top:10px}.track-tools-stage .timeline-rail{height:150px}.track-tools-stage .stems-workspace{margin-top:0;padding:14px}.track-tools-stage .stem-lanes{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.track-tools-stage .stem-lane{min-height:58px}.track-tools-stage .stem-status{margin-top:10px}@media (min-width:900px){.create-workspace.has-track .create-layout{grid-template-rows:auto auto;align-items:start}.create-workspace.has-track .source-card,.create-workspace.has-track .profile-card,.create-workspace.has-track .create-card{height:min(510px,calc(100vh - 300px))!important;min-height:410px}.create-workspace.has-track .track-tools-stage{max-height:none;overflow:visible}.create-workspace.has-track{padding-bottom:170px}}@media (max-width:899px){.track-tools-stage{margin-top:10px;padding:12px}.track-tools-head{align-items:stretch;flex-direction:column}.track-tools-stage .source-tool-tabs{width:100%;max-width:none}.track-tools-stage .gxg-intelligence-strip{grid-template-columns:1fr 1fr 1fr}.track-tools-stage .stem-lanes{grid-template-columns:1fr}.track-tools-stage .timeline-rail{height:120px}}.track-transport{display:grid;grid-template-columns:42px 145px minmax(0,1fr);gap:10px;align-items:center;margin:0 0 10px;padding:8px 10px;border:1px solid rgba(11,232,248,.13);border-radius:12px;background:#ffffff06}.track-transport>button{width:38px;height:38px;border:1px solid rgba(255,46,147,.35);border-radius:10px;background:#ff2e9317;color:inherit;font-weight:900}.track-transport div{display:flex;flex-direction:column}.track-transport b{font-size:8px;letter-spacing:.12em;color:#0be8f8}.track-transport span{font-size:8px;opacity:.55}.track-transport input{width:100%;accent-color:#ff2e93}.timeline-playhead{position:absolute;z-index:8;top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 5px #fff,0 0 14px #0be8f8;pointer-events:none;transition:left .05s linear}.timeline-playhead:before{content:"";position:absolute;top:0;left:-3px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 10px #0be8f8}.stem-truth strong{color:#0be8f8;opacity:1}.stem-status{flex-wrap:wrap}.stem-status>button{min-height:30px}@media (max-width:899px){.track-transport{grid-template-columns:40px 1fr}.track-transport input{grid-column:1/-1}}.track-tools-empty{min-height:150px;display:flex;flex-direction:column;justify-content:center}.track-tools-empty .source-tool-tabs button:disabled{opacity:.45;cursor:not-allowed}.track-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:74px;padding:16px;border:1px dashed rgba(255,255,255,.1);border-radius:12px;background:#ffffff05;text-align:center}.track-empty-state b{font-size:10px;letter-spacing:.12em;color:#0be8f8}.track-empty-state span{font-size:9px;opacity:.58;max-width:620px}.intel-capabilities{grid-column:1/-1;display:flex;gap:5px;flex-wrap:wrap;padding-top:2px}.intel-capabilities i{font-style:normal;font-size:7px;letter-spacing:.08em;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff06}.intel-capabilities i.ready{color:#0be8f8;border-color:#0be8f847;background:#0be8f80e}.intel-capabilities i.hold{color:#b98cae;opacity:.68}.intel-state b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.remix-workspace{display:flex;flex-direction:column;gap:10px}.remix-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 12px;border:1px solid rgba(11,232,248,.12);border-radius:12px;background:#ffffff05}.remix-toolbar>div:first-child{display:flex;flex-direction:column;gap:2px}.remix-toolbar span{font-size:8px;letter-spacing:.14em;color:#0be8f8}.remix-toolbar b{font-size:9px;letter-spacing:.07em}.remix-actions{display:flex;gap:6px;flex-wrap:wrap}.remix-actions button,.arranger-block button{border:1px solid rgba(255,255,255,.12);border-radius:9px;background:#ffffff09;color:inherit;font-size:8px;font-weight:900;letter-spacing:.05em;padding:8px 10px}.remix-actions button.primary{border-color:#0be8f859;background:linear-gradient(90deg,#ff2e932e,#0be8f824)}.remix-readiness{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.remix-readiness span{font-size:7px;letter-spacing:.08em;padding:4px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.1)}.remix-readiness .ready{color:#0be8f8;border-color:#0be8f847}.remix-readiness .hold{opacity:.55}.remix-readiness em{margin-left:auto;font-size:8px;opacity:.55;font-style:normal}.remix-crossfade{display:grid;grid-template-columns:95px minmax(0,1fr) 48px;gap:8px;align-items:center;padding:8px 10px;border-radius:10px;background:#ffffff05}.remix-crossfade span{font-size:8px;letter-spacing:.1em;opacity:.65}.remix-crossfade input{width:100%;accent-color:#ff2e93}.remix-crossfade b{font-size:8px;text-align:right}.arranger-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;align-items:stretch}.arranger-block{min-width:0;display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid rgba(155,49,247,.23);border-radius:12px;background:linear-gradient(145deg,#ff2e930e,#0be8f809);cursor:grab;transition:transform .12s ease,border-color .12s ease}.arranger-block:active{cursor:grabbing}.arranger-block:hover{transform:translateY(-1px);border-color:#0be8f852}.arranger-block header,.arranger-block footer{display:flex;align-items:center;gap:6px}.arranger-block header span{font-size:7px;color:#0be8f8}.arranger-block header b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arranger-block header em{margin-left:auto;font-size:8px;opacity:.55;font-style:normal}.arranger-block footer small{font-size:7px;opacity:.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arranger-block footer div{margin-left:auto;display:flex;gap:4px}.arranger-block footer button{padding:3px 6px;font-size:10px}.arranger-wave{height:42px;display:flex;align-items:center;gap:1px;padding:5px;border-radius:8px;background:#00000038;overflow:hidden}.arranger-wave i{display:block;flex:1;min-width:1px;max-width:3px;border-radius:999px;background:linear-gradient(180deg,#0be8f8,#9b31f7,#ff2e93);opacity:.82}.remix-note{display:flex;gap:10px;align-items:flex-start;padding:9px 10px;border:1px dashed rgba(255,255,255,.1);border-radius:10px;background:#ffffff04}.remix-note b{font-size:8px;color:#0be8f8;white-space:nowrap}.remix-note span{font-size:8px;opacity:.6;line-height:1.4}@media (max-width:899px){.remix-toolbar{align-items:stretch;flex-direction:column}.remix-actions{display:grid;grid-template-columns:1fr 1fr 1fr}.arranger-strip{grid-template-columns:1fr 1fr}.remix-readiness em{width:100%;margin-left:0}}@media (max-width:540px){.arranger-strip,.remix-actions{grid-template-columns:1fr}.remix-crossfade{grid-template-columns:80px 1fr 42px}}.track-tools-stage .stems-head h3{font-size:clamp(15px,1.15vw,19px);line-height:1.25}.track-tools-stage .stem-lane{padding:12px;gap:10px;min-height:76px}.track-tools-stage .stem-lane span b{font-size:12px}.track-tools-stage .stem-lane span small{font-size:11px;opacity:.72;margin-top:4px}.track-tools-stage .stem-actions button,.track-tools-stage .stem-status button{font-size:11px;min-height:34px;padding:7px 10px}.track-tools-stage .stem-progress{min-height:40px;height:auto}.track-tools-stage .stem-progress span{font-size:11px;line-height:1.45;padding:10px;overflow-wrap:anywhere}.track-tools-stage .stem-truth{font-size:12px;line-height:1.6;opacity:.86}.track-tools-stage .stem-status strong{font-size:11px}.track-tools-stage .stem-status small{font-size:10px}.track-tools-stage .arranger-strip{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:10px}.track-tools-stage .arranger-block{padding:12px;gap:10px}.track-tools-stage .arranger-block header b{font-size:12px}.track-tools-stage .arranger-block header em,.track-tools-stage .arranger-block header span{font-size:10px}.track-tools-stage .arranger-block footer small{font-size:10px;max-width:45%}.track-tools-stage .arranger-block footer button{min-width:30px;min-height:30px;font-size:13px}.track-tools-stage .arranger-wave{height:55px}.track-tools-stage .remix-note{flex-wrap:wrap}.track-tools-stage .remix-note b,.track-tools-stage .remix-note span{font-size:11px;line-height:1.5}.track-tools-stage .remix-crossfade span,.track-tools-stage .remix-crossfade b{font-size:11px}.track-tools-stage button:focus-visible{outline:2px solid #0be8f8;outline-offset:2px}@media (max-width:650px){.track-tools-stage .stem-lanes{grid-template-columns:1fr}.track-tools-stage .arranger-strip{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (prefers-reduced-motion:reduce){.track-tools-stage .arranger-block{transition:none}.track-tools-stage .arranger-block:hover{transform:none}}.hb-app-header{position:sticky;top:8px;z-index:35;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,min(34vw,420px)) minmax(0,1fr);align-items:center;gap:12px;width:100%;max-width:1280px;min-height:116px;margin:0 auto 12px;padding:12px 16px;overflow:visible;border:1px solid #49364f;border-radius:22px;background:linear-gradient(135deg,#170d18f5,#0a090ff5 58%,#071419f5);box-shadow:0 12px 40px #0009,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hb-app-header:before{content:"";position:absolute;top:0;left:20px;right:20px;height:2px;pointer-events:none;border-radius:99px;background:linear-gradient(90deg,#ff2e93,#9b31f7 52%,#08e8ff);box-shadow:0 0 16px #d42fff66}.hb-brand-lockup{grid-column:1;display:flex;align-items:center;justify-self:start;gap:12px;min-width:0;max-width:100%;overflow:visible;position:relative;z-index:2}.hb-brand-icon{display:block;flex:0 0 auto;width:clamp(48px,5.2vw,64px);height:clamp(48px,5.2vw,64px);object-fit:contain;border-radius:50%;filter:drop-shadow(0 0 12px #a331ff33)}.hb-wordmark{display:block;flex:0 1 auto;min-width:0;width:auto;height:clamp(54px,6.1vw,78px);max-width:100%;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 12px #0005)}.hb-header-wave{grid-column:2;position:relative;justify-self:stretch;align-self:center;display:block;width:100%;max-width:420px;min-width:0;height:100px;overflow:visible;pointer-events:none;z-index:1}.hb-wave-glow{position:absolute;left:0;right:0;top:calc(50% - 26px);height:52px;border-radius:50%;background:linear-gradient(90deg,#ff2e9366,#9b31f799,#08e8ff77);filter:blur(15px);animation:hbWaveGlow 2.2s ease-in-out infinite}.hb-wave-line{position:absolute;left:0;right:0;top:calc(50% - 1.5px);height:3px;border-radius:999px;background:linear-gradient(90deg,#ff2e93,#b12cff 48%,#08e8ff);box-shadow:0 0 7px #ff2e93aa,0 0 12px #08e8ff77;transform-origin:center}.hb-wave-a{animation:hbWavePulseA 1.55s ease-in-out infinite}.hb-wave-b{opacity:.42;animation:hbWavePulseB 1.55s ease-in-out infinite reverse}.hb-wave-bars{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-evenly;z-index:3}.hb-wave-bars i{display:block;flex:0 0 4px;height:15px;border-radius:99px;background:linear-gradient(180deg,#fff,#b12cff 45%,#08e8ff);box-shadow:0 0 7px #a62cffbb;animation:hbWaveBar 1.15s ease-in-out infinite;transform-origin:center}.hb-wave-bars i:nth-child(2n){animation-delay:-.18s}.hb-wave-bars i:nth-child(3n){animation-delay:-.37s}.hb-wave-bars i:nth-child(4n){animation-delay:-.55s}.hb-wave-bars i:nth-child(5n){animation-delay:-.73s}.hb-head-actions{grid-column:3;justify-self:end;position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}.hb-head-actions button{display:grid;place-items:center;width:42px;height:42px;padding:0;border:1px solid #6a486e;border-radius:14px;background:linear-gradient(145deg,#211522,#100e15);color:#f7e9f7;box-shadow:inset 0 1px #ffffff0d;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.hb-head-actions button:hover{border-color:#b64bff;box-shadow:0 0 18px #9b31f733;transform:translateY(-1px)}.hb-head-actions button:focus-visible{outline:2px solid #08e8ff;outline-offset:3px}.hb-head-actions svg{display:block;width:20px;height:20px}@keyframes hbWaveBar{0%,to{transform:scaleY(.45);opacity:.6}35%{transform:scaleY(3.6);opacity:1}65%{transform:scaleY(1.25);opacity:.82}}@keyframes hbWavePulseA{0%,to{transform:scaleY(1)}35%{transform:scaleY(2.8)}68%{transform:scaleY(1.45)}}@keyframes hbWavePulseB{0%,to{transform:scaleY(.8)}50%{transform:scaleY(1.9)}}@keyframes hbWaveGlow{0%,to{opacity:.38;transform:scaleX(.9)}50%{opacity:.78;transform:scaleX(1.03)}}@media (max-width:900px){.hb-app-header{min-height:94px;padding:9px 11px;gap:8px}.hb-header-wave{height:78px}.hb-wave-bars i{flex-basis:3px}.hb-brand-lockup{gap:8px}.hb-brand-icon{width:48px;height:48px}.hb-wordmark{height:clamp(42px,6vw,58px)}.hb-head-actions{gap:5px}.hb-head-actions button{width:38px;height:38px;border-radius:12px}.hb-head-actions svg{width:19px;height:19px}}@media (max-width:520px){.hb-app-header{min-height:72px;padding:7px 8px;gap:5px;border-radius:17px;grid-template-columns:minmax(0,1fr) minmax(0,min(30vw,155px)) minmax(0,1fr)}.hb-app-header:before{left:14px;right:14px}.hb-brand-lockup{gap:5px}.hb-brand-icon{width:36px;height:36px}.hb-wordmark{height:clamp(27px,7vw,36px)}.hb-header-wave{height:54px}.hb-wave-glow{top:calc(50% - 16px);height:32px;filter:blur(9px)}.hb-wave-bars i{flex-basis:2px;height:10px}.hb-wave-line{height:2px}.hb-head-actions{gap:3px}.hb-head-actions button{width:32px;height:32px;border-radius:10px}.hb-head-actions svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.hb-head-actions button{transition:none}.hb-header-wave,.hb-wave-glow,.hb-wave-line,.hb-wave-bars i{animation:none!important;will-change:auto!important}}html[data-theme=light]{color-scheme:light;--bg:#fffafd;--panel:#ffffff;--panel2:#f8f0fa;--text:#241628;--muted:#765c78;--line:#e1cde4;--soft:#f6edf8;--ink:#fffafd;--shadow:0 18px 44px rgba(82,39,86,.12)}html[data-theme=light],html[data-theme=light] body,html[data-theme=light] #root{background:linear-gradient(145deg,#fffafd,#fff7fc,#f4faff 72%,#fbf5ff)!important;color:var(--text)!important}html[data-theme=light] body{min-height:100vh}html[data-theme=light] .app-v2{color:var(--text)!important;background:radial-gradient(ellipse at 9% 0%,rgba(255,46,147,.12),transparent 30%),radial-gradient(ellipse at 92% 4%,rgba(8,232,255,.12),transparent 29%),radial-gradient(ellipse at 50% 65%,rgba(150,44,255,.045),transparent 55%),linear-gradient(180deg,#fffafd,#fff 48%,#f7faff)!important}html[data-theme=light] .app-v2:before{background:radial-gradient(circle at 15% 15%,rgba(255,46,147,.065),transparent 28%),radial-gradient(circle at 85% 18%,rgba(8,184,226,.065),transparent 30%),linear-gradient(rgba(110,65,125,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(110,65,125,.035) 1px,transparent 1px)!important;background-size:auto,auto,52px 52px,52px 52px!important}html[data-theme=light] .hb-app-header{background:linear-gradient(125deg,#fffffff7,#fff6fcf5 52%,#f1fbfff7)!important;border-color:#e2cbe5!important;box-shadow:0 12px 36px #5e2f671f,inset 0 1px #fff!important}html[data-theme=light] .hb-brand-icon,html[data-theme=light] .hb-wordmark{filter:drop-shadow(0 4px 9px rgba(80,35,91,.13))}html[data-theme=light] .hb-head-actions button{background:linear-gradient(145deg,#fff,#f5eafa)!important;color:#38213d!important;border-color:#ddc4e5!important;box-shadow:0 3px 10px #53275f14,inset 0 1px #fff!important}html[data-theme=light] .card,html[data-theme=light] .page-create .card,html[data-theme=light] .export-panel,html[data-theme=light] .build-history,html[data-theme=light] .exports-hero,html[data-theme=light] .video-maker,html[data-theme=light] .live-preview,html[data-theme=light] .track-tools-stage,html[data-theme=light] .track-tools-empty,html[data-theme=light] .desktop-rail,html[data-theme=light] .preset-save,html[data-theme=light] .xfactor-panel,html[data-theme=light] .xfactor-tracks,html[data-theme=light] .track-empty-state{color:var(--text)!important;border-color:var(--line)!important;background:linear-gradient(145deg,#fffffffa,#fff7fcf7 58%,#f3fbfffa)!important;box-shadow:0 14px 38px #572b6016,inset 0 1px #fff!important}html[data-theme=light] .page-shell,html[data-theme=light] .main-shell,html[data-theme=light] .create-layout,html[data-theme=light] .create-workspace,html[data-theme=light] .page-pane,html[data-theme=light] .library-page,html[data-theme=light] .page-create,html[data-theme=light] .page-exports{background:transparent!important;color:var(--text)!important}html[data-theme=light] .desktop-rail{background:linear-gradient(180deg,#fff,#f8effa 55%,#effbff)!important}html[data-theme=light] .desktop-rail b,html[data-theme=light] .desktop-rail small{color:#715776!important}html[data-theme=light] .section-head h2,html[data-theme=light] .section-head p,html[data-theme=light] .xfactor-intro b,html[data-theme=light] .xfactor-tracks b,html[data-theme=light] .track-tools-head,html[data-theme=light] .track-transport,html[data-theme=light] .preview-copy,html[data-theme=light] .preset-save,html[data-theme=light] .exports-hero h2,html[data-theme=light] .export-title h3,html[data-theme=light] .history-head h3{color:var(--text)!important}html[data-theme=light] .eyebrow,html[data-theme=light] .section-head p,html[data-theme=light] .xfactor-intro span,html[data-theme=light] .xfactor-tracks small,html[data-theme=light] .xfactor-ready span,html[data-theme=light] .preview-copy small,html[data-theme=light] .create-note,html[data-theme=light] .vm-copy,html[data-theme=light] .vm-options label,html[data-theme=light] .history-head span,html[data-theme=light] .exports-hero p,html[data-theme=light] .empty-history,html[data-theme=light] .page-shell small{color:#765c78!important}html[data-theme=light] .seg button,html[data-theme=light] .profiles button,html[data-theme=light] .isolate-grid button,html[data-theme=light] .advanced-toggle,html[data-theme=light] .output-actions button,html[data-theme=light] .output-actions a,html[data-theme=light] .format-grid button,html[data-theme=light] .format-grid a,html[data-theme=light] .export-title button,html[data-theme=light] .tiny-btn,html[data-theme=light] .yt-result,html[data-theme=light] .yt-panel button,html[data-theme=light] .vm-options select,html[data-theme=light] .vm-drop,html[data-theme=light] .deck-title button{color:#39243d!important;border-color:#ddc8e2!important;background:linear-gradient(135deg,#fff,#f5eafa 68%,#effaff)!important;box-shadow:0 3px 10px #582c600e!important}html[data-theme=light] .seg button.active,html[data-theme=light] .profiles button.active,html[data-theme=light] .isolate-grid button.active,html[data-theme=light] .output-actions .primary,html[data-theme=light] .output-actions .send-dj,html[data-theme=light] .format-grid .active,html[data-theme=light] .make-btn,html[data-theme=light] .vm-render,html[data-theme=light] .vm-download,html[data-theme=light] .yt-selected>button,html[data-theme=light] .player-main,html[data-theme=light] .bottom-nav .nav-main{color:#fff!important;background:linear-gradient(105deg,#ff2e93,#962cff 55%,#08cfe9)!important;border-color:transparent!important}html[data-theme=light] .drop-main,html[data-theme=light] .isolate-box,html[data-theme=light] .advanced-tune,html[data-theme=light] .tune-slider,html[data-theme=light] .yt-panel,html[data-theme=light] .yt-panel input,html[data-theme=light] .yt-title,html[data-theme=light] .vm-title,html[data-theme=light] .settings-modal select,html[data-theme=light] input:not([type=range]),html[data-theme=light] textarea,html[data-theme=light] select{color:var(--text)!important;border-color:#dfc8e3!important;background:linear-gradient(135deg,#fff,#fbf5fc)!important}html[data-theme=light] input::placeholder,html[data-theme=light] textarea::placeholder{color:#947b98!important;opacity:1}html[data-theme=light] .source-wave,html[data-theme=light] .preview-viz,html[data-theme=light] .arranger-wave{background:linear-gradient(180deg,#fbf5fc,#f0e9f8)!important;border-color:#e1cde4!important}html[data-theme=light] .intel-capabilities i,html[data-theme=light] .intel-markers span,html[data-theme=light] .gxg-intelligence-strip{color:#39243d!important;border-color:#dfc8e3!important;background:linear-gradient(120deg,#ff2e9312,#962cff0e,#08e8ff12)!important}html[data-theme=light] .install-banner,html[data-theme=light] .player-bar,html[data-theme=light] .bottom-nav,html[data-theme=light] .premium-nav{color:var(--text)!important;border-color:#ddc8e2!important;background:#fffcfff0!important;box-shadow:0 12px 35px #53275f26,inset 0 1px #fff!important}html[data-theme=light] .install-banner b,html[data-theme=light] .player-info b,html[data-theme=light] .bottom-nav button,html[data-theme=light] .premium-nav button{color:var(--text)!important}html[data-theme=light] .install-banner span,html[data-theme=light] .player-info span{color:#765c78!important}html[data-theme=light] .player-bar button:not(.player-main),html[data-theme=light] .premium-nav button:not(.nav-main),html[data-theme=light] .bottom-nav button:not(.nav-main){color:#5b4260!important;border-color:#e2cfe6!important;background:linear-gradient(145deg,#fff,#f7effa)!important}html[data-theme=light] .premium-nav button.active:not(.nav-main),html[data-theme=light] .bottom-nav button.active:not(.nav-main){background:linear-gradient(120deg,#ff2e9321,#962cff1a,#08e8ff1a)!important;color:#301b35!important}html[data-theme=light] .settings-modal,html[data-theme=light] .modal-backdrop>section,html[data-theme=light] .deck-source-modal,html[data-theme=light] .help-modal{color:var(--text)!important;border-color:var(--line)!important;background:linear-gradient(145deg,#fff,#fbf4fc 65%,#f0fbff)!important;box-shadow:0 22px 70px #4924522e!important}html[data-theme=light] .settings-modal h2,html[data-theme=light] .settings-modal label,html[data-theme=light] .deck-source-modal,html[data-theme=light] .help-modal{color:var(--text)!important}html[data-theme=light] .modal-backdrop{background:#36193d40!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}html[data-theme=light] .error,html[data-theme=light] .dj-error{color:#8c183f!important;background:linear-gradient(120deg,#fff0f5,#fff8fb)!important;border-color:#e8a8c0!important}html[data-theme=light] .status,html[data-theme=light] .state,html[data-theme=light] .kind,html[data-theme=light] .hero-kind{color:#6e386d}html[data-theme=light] .visualizer{background:#090710!important}html[data-theme=light] .dj-page{color:var(--text)!important;background:transparent!important}html[data-theme=light] .dj-theme-light .dj-header.performance,html[data-theme=light] .dj-theme-light .deck,html[data-theme=light] .dj-theme-light .mixer,html[data-theme=light] .dj-theme-light .mode-switch,html[data-theme=light] .dj-theme-light .expert-deck{background:linear-gradient(145deg,#fff,#fbf4fc 60%,#eefbff)!important;color:var(--text)!important;border-color:var(--line)!important}html[data-theme=light] .dj-theme-light .quick-strip button:not(.recording),html[data-theme=light] .dj-theme-light .transport button:not(.play),html[data-theme=light] .dj-theme-light .deck-title button,html[data-theme=light] .dj-theme-light .sync-row button,html[data-theme=light] .dj-theme-light .stem-lab button,html[data-theme=light] .dj-theme-light .hot-cues button,html[data-theme=light] .dj-theme-light .beat-tools button{background:linear-gradient(135deg,#fff,#f3eafa)!important;color:#39243d!important;border-color:#ddc8e2!important}html[data-theme=light] .dj-theme-light .dj-head-actions button{background:linear-gradient(135deg,#fff,#f3eafa)!important;color:#39243d!important;border-color:#ddc8e2!important}html[data-theme=light] .dj-theme-light .master-readout span,html[data-theme=light] .dj-theme-light .expert-deck,html[data-theme=light] .dj-theme-light .stem-lab,html[data-theme=light] .dj-theme-light .hot-cues,html[data-theme=light] .dj-theme-light .beat-tools{background:linear-gradient(145deg,#fff,#f8f0fa)!important;color:var(--text)!important;border-color:var(--line)!important}html[data-theme=light] .dj-theme-light .wave,html[data-theme=light] .dj-theme-light .wave-expert,html[data-theme=light] .dj-theme-light .wave-empty{background:linear-gradient(180deg,#fbf5fc,#f0e9f8)!important;border-color:#dfc8e3!important}html[data-theme=light] .dj-theme-light .knob-wrap span,html[data-theme=light] .dj-theme-light .knob-wrap small,html[data-theme=light] .dj-theme-light .faders label,html[data-theme=light] .dj-theme-light .deck-readout,html[data-theme=light] .dj-theme-light .master-readout span,html[data-theme=light] .dj-theme-light .dj-title-stack small{color:#765c78!important}html[data-theme=light] .dj-theme-light .dj-glyph:before{background:#fff9fc!important;border-color:#fff!important}html[data-theme=light] .dj-theme-light .dj-glyph b{color:#301b35!important}@media (prefers-reduced-motion:reduce){html[data-theme=light] .app-v2:before{animation:none!important}}