:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e9edf3;background:#06080b;font-synthesis:none;--panel:#0d1116;--panel2:#111720;--line:#222a34;--muted:#74808e;--text:#edf2f7;--cyan:#2bbcff;--rose:#ff4d73;--green:#40d98b;--amber:#e8c95b;--app-bg:url(/montagnemix.png);--app-surface:#151719;--app-secondary:#545659;--app-control:#151719;--app-control-hover:#545659;--app-input:#151719;--app-control-line:#545659;--app-well:#545659;--app-well-alt:#545659}.dj-library{grid-template-columns:calc(190px * var(--library-zoom,1)) minmax(0,1fr)!important}.library-brand{height:calc(36px * var(--library-zoom,1))!important;gap:calc(8px * var(--library-zoom,1))}.library-brand>svg{width:calc(17px * var(--library-zoom,1))}.library-brand b{font-size:calc(9px * var(--library-zoom,1))}.library-brand small{font-size:calc(7px * var(--library-zoom,1))}.library-zoom-controls{margin-left:auto;display:flex;align-items:center;gap:3px}.library-zoom-controls button{width:24px;height:24px;padding:0;border:1px solid #46515e;border-radius:3px;background:#161d25;color:#d8e1e9;display:grid;place-items:center}.library-zoom-controls button:hover:not(:disabled){border-color:#2bbcff;color:#7edaff;background:#102532}.library-zoom-controls button:disabled{opacity:.35}.library-zoom-controls svg{width:12px}.library-zoom-controls span{min-width:31px;text-align:center;color:#93a0ac;font:8px ui-monospace,monospace}.dj-library .lib-tree>button,.dj-library .tree-children button{height:calc(24px * var(--library-zoom,1));font-size:calc(8px * var(--library-zoom,1))}.dj-library .tree-title,.dj-library .cat-row{font-size:calc(7px * var(--library-zoom,1))}.dj-library .cat-row{height:calc(24px * var(--library-zoom,1))}.dj-library .new-cat input,.dj-library .search input,.dj-library .youtube input,.dj-library .samples-head input{height:calc(25px * var(--library-zoom,1));font-size:calc(8px * var(--library-zoom,1))}.dj-library .button,.dj-library .youtube button,.dj-library .samples-head button{height:calc(27px * var(--library-zoom,1));font-size:calc(7px * var(--library-zoom,1))}.dj-library .track-table{grid-template-rows:calc(27px * var(--library-zoom,1)) minmax(0,1fr)}.dj-library .track-head-row,.dj-library .track-row{min-width:calc(1050px * var(--library-zoom,1));grid-template-columns:calc(34px * var(--library-zoom,1)) minmax(calc(260px * var(--library-zoom,1)),1.6fr) calc(130px * var(--library-zoom,1)) repeat(2,calc(56px * var(--library-zoom,1))) calc(70px * var(--library-zoom,1)) calc(58px * var(--library-zoom,1)) repeat(2,calc(56px * var(--library-zoom,1))) calc(78px * var(--library-zoom,1)) calc(34px * var(--library-zoom,1))}.dj-library .track-head-row{height:calc(27px * var(--library-zoom,1));font-size:calc(7px * var(--library-zoom,1))}.dj-library .track-row{height:calc(30px * var(--library-zoom,1));font-size:calc(8px * var(--library-zoom,1))}.dj-library .track-main b{font-size:calc(9px * var(--library-zoom,1))}.dj-library .track-main span{font-size:calc(7px * var(--library-zoom,1))}.dj-library .track-index,.dj-library .track-meta,.dj-library .track-bpm{font-size:calc(8px * var(--library-zoom,1))}.dj-library .track-row select,.dj-library .samples-head select{height:calc(25px * var(--library-zoom,1));font-size:calc(7px * var(--library-zoom,1))}.dj-library .track-row button,.dj-library .sample-row button{height:calc(24px * var(--library-zoom,1));font-size:calc(7px * var(--library-zoom,1))}.dj-library .samples-head h3,.dj-library .sample-row b{font-size:calc(9px * var(--library-zoom,1))}.dj-library .samples-head span,.dj-library .sample-row span{font-size:calc(7px * var(--library-zoom,1))}.queue-a{border-left:3px solid #2bbcff!important;box-shadow:inset 14px 0 22px -22px #2bbcff}.queue-b{border-right:3px solid #ff4d73!important;box-shadow:inset -14px 0 22px -22px #ff4d73}.queue-a>div:first-child b{color:#62d2ff!important}.queue-b>div:first-child b{color:#ff8097!important}.load-btn.a,.queue-add-a{border-color:#2bbcff!important;color:#8fe2ff!important;background:#0c2838!important}.load-btn.b,.queue-add-b{border-color:#ff4d73!important;color:#ff9caf!important;background:#32121b!important}.load-btn.a:hover,.queue-add-a:hover{background:#123d53!important;box-shadow:0 0 8px #2bbcff55}.load-btn.b:hover,.queue-add-b:hover{background:#4a1825!important;box-shadow:0 0 8px #ff4d7355}*{box-sizing:border-box}html{background:#05070a}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#060a0fcc,#030508d9 52%,#020305f0),var(--app-bg) center/cover fixed no-repeat;color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.35}svg{stroke-width:1.8}.center-screen,.login-wrap{min-height:100vh;display:grid;place-items:center}.spinner{width:38px;height:38px;border:3px solid #ffffff22;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-header{position:sticky;top:0;z-index:60;height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #242b34;background:linear-gradient(180deg,#10151bfa,#090d12fa);box-shadow:0 6px 24px #0009}.app-header>div{display:flex;align-items:center;gap:12px}.app-header b{font-size:15px;font-style:italic;letter-spacing:.17em;color:#fff;text-shadow:0 0 18px #ffffff18}.app-header span{font-size:9px;color:#65717f;letter-spacing:.28em;text-transform:uppercase}.app-header nav{display:flex;gap:5px}.app-header button{height:32px;border:1px solid #2a323c;background:linear-gradient(180deg,#161c23,#0d1218);border-radius:5px;padding:0 12px;font-size:11px;color:#aeb7c2;box-shadow:inset 0 1px #ffffff08}.app-header button:hover{background:#1a212a;color:#fff}.app-header button.active{border-color:#2bbcff88;color:#8bdcff;background:linear-gradient(180deg,#123247,#0d2030);box-shadow:inset 0 0 18px #2bbcff12,0 0 16px #2bbcff0d}.account-chip{display:inline-flex;align-items:center;gap:7px;max-width:180px;padding:0 8px!important}.account-chip img,.account-chip i{width:22px;height:22px;border-radius:50%;border:1px solid #324150;display:grid;place-items:center;flex:0 0 auto}.account-chip img{object-fit:cover;background:#05090d}.account-chip i{font-style:normal;background:#0d131a;color:#c7d0da;font-size:10px;font-weight:900}.account-chip span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.03em;text-transform:none;color:inherit;font-size:10px}.dj-header{height:54px;padding:0 10px 0 12px;gap:16px;background:linear-gradient(180deg,#101720f7,#070b10fb);border-bottom-color:#293746;box-shadow:inset 0 -1px #000,0 7px 24px #000b;overflow:hidden}.dj-header:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#2bbcff,transparent 35%,transparent 65%,#ff4d73);opacity:.75}.dj-brand{height:100%!important;padding:0!important;border:0!important;background:transparent!important;display:flex;align-items:center;gap:10px;box-shadow:none!important;text-align:left;flex:0 0 auto}.brand-image{display:block!important;width:230px;height:52px;background:url(/faaabdjlivelogo.png) center 49%/350px auto no-repeat;filter:drop-shadow(0 0 7px #2bbcff33)}.brand-deck{position:relative;width:37px;height:37px;display:grid!important;place-items:center;border:1px solid #3e5365;border-radius:50%;background:radial-gradient(circle,#182633 0,#182633 25%,#071019 27%,#071019 48%,#17232e,#17232e,#080d13 54%);box-shadow:inset 0 0 10px #000,0 0 15px #2bbcff1f}.brand-deck svg{width:25px;height:25px;color:#79d9ff;animation:spin 8s linear infinite}.brand-deck i{position:absolute;width:5px;height:5px;border-radius:50%;background:#ff5879;box-shadow:0 0 8px #ff4d73}.brand-copy{display:block!important}.dj-header .brand-copy b{display:block;font-size:14px;line-height:1;font-style:normal;letter-spacing:.16em;color:#f4f7fa;text-shadow:0 0 16px #2bbcff22}.brand-copy b em{font-style:normal;color:#62d2ff}.dj-header .brand-copy small{display:block;margin-top:5px;color:#637585;font:6px ui-monospace,monospace;letter-spacing:.28em}.brand-copy small i{color:#ff718d;font-style:normal}.header-signal{height:25px!important;flex:1;justify-content:center!important;align-items:center!important;gap:3px!important;min-width:40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.header-signal i{display:block;width:2px;height:5px;background:#2bbcff;opacity:.25;box-shadow:0 0 5px #2bbcff}.header-signal i:nth-child(3n){height:13px;opacity:.38}.header-signal i:nth-child(4n){height:20px;opacity:.5}.header-signal i:nth-child(7n){height:9px;background:#ff4d73;box-shadow:0 0 5px #ff4d73}.header-nav{height:100%;display:flex;align-items:center;gap:5px;flex:0 0 auto}.dj-header .header-nav>button{height:34px;border:1px solid #34414e;background:linear-gradient(180deg,#161e27,#0b1117);border-radius:4px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:6px;color:#8494a2;box-shadow:inset 0 1px #ffffff0a}.dj-header .header-nav>button:hover{border-color:#536474;color:#dce5ed;background:linear-gradient(180deg,#1c2732,#10171f)}.dj-header .header-nav>button.active{border-color:#2bbcff88;color:#83dcff;background:linear-gradient(180deg,#123047,#0b2030);box-shadow:inset 0 0 18px #2bbcff13,0 0 14px #2bbcff12}.header-nav>button>svg{width:14px;height:14px}.dj-header .header-nav>button>span{font-size:8px;letter-spacing:.12em;color:inherit}.dj-header .account-chip{max-width:190px!important;padding:0 9px 0 6px!important;justify-content:flex-start!important;gap:7px!important}.dj-header .account-chip img,.dj-header .account-chip>i{width:24px;height:24px;border-color:#4e6376}.dj-header .account-chip>span{display:block;min-width:0;text-align:left;line-height:1}.dj-header .account-chip small{display:block;margin-bottom:3px;color:#4fd497;font:5px ui-monospace,monospace;letter-spacing:.16em}.dj-header .account-chip b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#c9d2da;font-size:8px;font-style:normal;letter-spacing:.03em;text-shadow:none}.dj-header .logout-btn{width:34px;padding:0!important;color:#a36070!important}.dj-header .logout-btn:hover{border-color:#a24459!important;color:#ff7892!important;background:#32141c!important}@media(max-width:820px){.dj-header{padding:0 6px;gap:6px}.brand-copy,.header-signal{display:none!important}.brand-image{width:150px;background-size:240px auto}.dj-header .header-nav>button{padding:0 8px}.dj-header .header-nav>button>span{display:none}.dj-header .account-chip{width:35px;padding:0 5px!important}.dj-header .account-chip>span{display:none}.brand-deck{width:34px;height:34px}}button,.button{transition:border-color .15s,background .15s,color .15s,box-shadow .15s,transform .08s}button:active,.button:active{transform:translateY(1px)}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:18px;background:transparent;margin:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(90deg,#262d35,#161b21);border:1px solid #313943;box-shadow:inset 0 1px 2px #000}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:18px;margin-top:-8px;border-radius:3px;background:linear-gradient(180deg,#f4f7fa,#aeb7c0);border:1px solid #59636f;box-shadow:0 2px 5px #000,inset 0 1px #fff}input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:#252c34;border:1px solid #313943}input[type=range]::-moz-range-thumb{width:14px;height:18px;border-radius:3px;background:#dbe2e8;border:1px solid #59636f}.on{border-color:#3bd89588!important;color:#86f2bd!important;background:linear-gradient(180deg,#153529,#0d211a)!important;box-shadow:inset 0 0 15px #38db9415!important}.danger{color:#ff91a3!important}.primary{color:#fff!important}.error{border:1px solid #ff506044;background:#ff33441a;color:#ff9aa6}.error.global{margin:8px 0;padding:9px 12px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.error.global button{background:none;border:0;color:inherit}.error.global svg{width:15px}.mixer-page{width:100%;max-width:1920px;margin:0 auto;padding:9px 10px 18px}.pro-ui{min-height:calc(100vh - 54px)}.dj-toolbar{height:52px;display:grid;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr);align-items:center;border:1px solid #252d36;background:linear-gradient(180deg,#11171e,#0b0f14);box-shadow:inset 0 1px #ffffff07,0 5px 18px #0006;padding:0 10px;margin-bottom:7px}.live-state-block{display:flex;align-items:center;gap:10px;min-width:0}.live-state-block strong{display:block;font-size:11px;letter-spacing:.16em}.live-state-block small{display:block;font-size:9px;color:#697582;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:9px;height:9px;border-radius:50%;background:#5d6875;box-shadow:0 0 0 3px #68748018}.status-dot.live{background:#ff405f;box-shadow:0 0 0 3px #ff405f1d,0 0 14px #ff405faa}.toolbar-center{display:flex;align-items:center;gap:7px}.ws{display:flex;align-items:center;gap:5px;font-size:9px;letter-spacing:.08em;color:#687482}.ws svg{width:13px}.ws.connected{color:#55dd9d}.engine-pill{border:1px solid #26303a;background:#080b0f;color:#71808e;padding:4px 7px;border-radius:3px;font:9px ui-monospace,monospace}.status-actions{justify-self:end;display:flex;gap:6px;align-items:center}.tool-btn,.live-main-btn{height:33px;border:1px solid #2c3540;background:linear-gradient(180deg,#171e26,#0b1015);padding:0 10px;font-size:10px;display:inline-flex;align-items:center;gap:6px}.tool-btn svg,.live-main-btn svg{width:14px}.live-main-btn{min-width:128px;justify-content:center;border-color:#1dafff88;background:linear-gradient(180deg,#168bd0,#0d5d96);color:#fff;font-weight:800;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff2a,0 0 18px #159fe329}.live-main-btn.stop-live{border-color:#ff4f6b88;background:linear-gradient(180deg,#ad3048,#681d2d);box-shadow:inset 0 1px #ffffff20,0 0 18px #ff315022}.live-url{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;border:1px solid #274839;background:#0c1914;padding:7px 10px;margin-bottom:7px;font-size:10px}.live-url>span{font-weight:800;color:#56e2a4;letter-spacing:.12em}.live-url code{color:#9be7c4;overflow:hidden;text-overflow:ellipsis}.live-url small{color:#64776e}.master-overview{display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:42px 42px;align-items:stretch;gap:4px 6px;padding:5px;border:1px solid #232b34;background:#080b0f;box-shadow:inset 0 1px #ffffff05;margin-bottom:7px}.overview-label{height:auto;padding:6px 8px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid #1d242c;color:#7c8793}.overview-label.right{grid-column:1;grid-row:2;border-left:0;border-right:1px solid #1d242c;align-items:flex-start}.overview-label b{font-size:8px;letter-spacing:.13em}.overview-label span{font-size:15px;font-weight:900;color:var(--cyan)}.overview-label.right span{color:var(--rose)}.overview-wave{min-width:0}.overview-wave:first-of-type{grid-column:2;grid-row:1}.overview-wave:last-of-type{grid-column:2;grid-row:2}.overview-wave .wave{border-radius:2px}.dj-workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px minmax(0,1fr);gap:7px;align-items:stretch}.panel-resizer-x,.panel-resizer-y{display:none}.dj-deck{--deck:#2bbcff;--deck-rgb:43,188,255;min-width:0;border:1px solid #26313a;background:linear-gradient(180deg,#111820 0,#0a0f14 52%,#070a0e);box-shadow:inset 0 1px #ffffff08,0 9px 28px #0008;position:relative;padding:10px}.dj-deck:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--deck),transparent);opacity:.75}.deck-b{--deck:#ff4d73;--deck-rgb:255,77,115}.deck-topline{height:52px;display:flex;justify-content:space-between;align-items:center;gap:12px}.deck-identity{display:flex;align-items:center;gap:9px;min-width:0}.deck-letter{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(var(--deck-rgb),.65);background:rgba(var(--deck-rgb),.08);color:var(--deck);font-weight:900;font-size:17px;box-shadow:inset 0 0 14px rgba(var(--deck-rgb),.06)}.deck-identity>div{min-width:0}.deck-identity small{display:block;font-size:8px;letter-spacing:.19em;color:var(--deck);font-weight:800}.deck-identity strong{display:block;margin-top:4px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deck-bpm{min-width:64px;text-align:right;border-left:1px solid #28313a;padding-left:10px}.deck-bpm span{display:block;color:#6d7884;font-size:8px;letter-spacing:.13em}.deck-bpm b{font:700 24px ui-monospace,SFMono-Regular,monospace;color:var(--deck);line-height:1.05}.deck-wave-panel{border:1px solid #242c35;background:#04070a;padding:5px;box-shadow:inset 0 0 20px #000;margin-top:3px}.wave{display:block;width:100%;border:1px solid #202832;background:#030506;cursor:crosshair}.deck-timebar{height:36px;display:grid;grid-template-columns:90px 1fr 90px;gap:8px;align-items:center;padding:4px 3px 0}.deck-timebar div:not(.deck-time-progress){display:flex;flex-direction:column}.deck-timebar span{font-size:7px;color:#64717d;letter-spacing:.1em}.deck-timebar b{font:600 15px ui-monospace,monospace;color:#dde4eb}.deck-timebar .align-right{text-align:right}.deck-time-progress{height:3px;background:#1d242b;overflow:hidden}.deck-time-progress i{display:block;height:100%;background:var(--deck);box-shadow:0 0 8px var(--deck)}.deck-console{display:grid;grid-template-columns:130px 142px minmax(0,1fr);gap:9px;align-items:center;padding:10px 0 8px;border-bottom:1px solid #202731}.deck-transport-stack{display:flex;flex-direction:column;gap:6px}.transport-main{height:54px;border:1px solid rgba(var(--deck-rgb),.7);background:linear-gradient(180deg,rgba(var(--deck-rgb),.42),rgba(var(--deck-rgb),.17));color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.07em;box-shadow:inset 0 1px #ffffff23,0 0 18px rgba(var(--deck-rgb),.11)}.transport-main svg{width:20px;fill:currentColor}.transport-row-small{display:grid;grid-template-columns:34px 1fr 1fr 34px;gap:4px}.transport-row-small button{height:33px;border:1px solid #303944;background:linear-gradient(180deg,#1a2129,#0c1116);font-size:8px;display:flex;align-items:center;justify-content:center;gap:3px}.transport-row-small svg{width:12px}.transport-row-small button.on{color:var(--deck)!important;border-color:rgba(var(--deck-rgb),.6)!important;background:rgba(var(--deck-rgb),.1)!important}.jog-wheel{position:relative;width:132px;height:132px;margin:auto;border-radius:50%;border:1px solid #414b55;background:repeating-radial-gradient(circle at 50%,#151b21 0,#151b21 5px,#0b1015 6px,#0b1015 9px);box-shadow:inset 0 0 0 8px #090c10,inset 0 0 0 10px rgba(var(--deck-rgb),.25),inset 0 0 30px #000,0 6px 18px #0009;color:var(--deck)}.jog-wheel:before{content:"";position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;border:1px dashed #3a444e}.jog-rings{position:absolute;top:31px;right:31px;bottom:31px;left:31px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--deck);box-shadow:0 0 12px rgba(var(--deck-rgb),.25),inset 0 0 12px rgba(var(--deck-rgb),.15)}.jog-rings svg{width:31px;height:31px;opacity:.35}.jog-center{position:absolute;top:49px;right:49px;bottom:49px;left:49px;border-radius:50%;display:grid;place-items:center;background:#05070a;color:#fff;font-weight:900;font-size:15px;z-index:2}.jog-wheel small{position:absolute;bottom:14px;left:0;right:0;color:#7a8692;font:8px ui-monospace,monospace}.jog-wheel.spinning .jog-rings{animation:spin 2.4s linear infinite}.jog-wheel:disabled{opacity:.45}.deck-controls{display:flex;flex-direction:column;gap:9px}.deck-controls label{position:relative;display:flex;flex-direction:column;gap:3px}.deck-controls label>span{display:flex;justify-content:space-between;align-items:center;gap:6px}.deck-controls em{font-style:normal;font-size:8px;letter-spacing:.12em;color:#74808c}.deck-controls b{font:9px ui-monospace,monospace;color:#cdd5dd}.deck-controls input{width:100%;accent-color:var(--deck)}.deck-controls input::-webkit-slider-thumb{border-color:rgba(var(--deck-rgb),.8)}.deck-reset{margin-left:auto;width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(var(--deck-rgb),.55);background:rgba(var(--deck-rgb),.12);color:var(--deck);padding:0;border-radius:4px;box-shadow:inset 0 1px #ffffff18}.deck-reset svg{width:11px;height:11px}.deck-reset:hover{background:rgba(var(--deck-rgb),.2)}.deck-gain-row{display:grid;grid-template-columns:1fr 10px;gap:7px;align-items:end}.gain-meter{position:relative;width:10px;height:56px;border:1px solid #36424f;background:#080d13;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px #0008}.gain-meter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ff5b74 0,#ff5b74 16%,#f3ad3d 16%,#f3ad3d 35%,#49df90 35%,#49df90);opacity:.22}.gain-meter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 6px,#00000055 6px 7px)}.gain-meter i{position:absolute;left:1px;right:1px;bottom:1px;background:linear-gradient(180deg,#ff667d 0,#ff667d 18%,#f4b03a 18%,#f4b03a 40%,#43de8f 40%,#43de8f);box-shadow:0 0 10px rgba(var(--deck-rgb),.55)}.sampler-section{padding-top:8px}.sampler-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.sampler-head span{font-size:8px;font-weight:800;letter-spacing:.14em;color:#8d98a4}.sampler-head small{font-size:8px;color:#596570}.sampler-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.sample-pad{height:43px;border:1px solid #29323c;background:linear-gradient(180deg,#11171d,#090d11);color:#59636e;text-align:left;padding:6px;position:relative;overflow:hidden}.sample-pad b{position:absolute;top:4px;right:6px;font:8px ui-monospace,monospace;color:#59636e}.sample-pad span{display:block;margin-top:15px;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}.sample-pad.loaded{border-color:rgba(var(--deck-rgb),.45);color:#c9d1d9;box-shadow:inset 0 0 12px rgba(var(--deck-rgb),.035)}.sample-pad.loaded b{color:var(--deck)}.sample-pad.active{background:rgba(var(--deck-rgb),.22);border-color:var(--deck);box-shadow:inset 0 0 18px rgba(var(--deck-rgb),.18),0 0 12px rgba(var(--deck-rgb),.12)}.mixer-strip{border:1px solid #303844;background:linear-gradient(180deg,#12181f,#080c10 58%,#06080b);box-shadow:inset 0 1px #ffffff0a,0 8px 28px #000a;padding:8px;min-width:0}.mixer-title{height:31px;display:flex;align-items:center;justify-content:center;gap:7px;border-bottom:1px solid #28303a;color:#c5cdd6;font-size:9px;font-weight:800;letter-spacing:.16em}.mixer-title svg{width:14px;color:#8995a1}.channel-mini-row{height:80px;display:grid;grid-template-columns:1fr 92px 1fr;gap:5px;padding:8px 2px}.channel-mini{position:relative;border:1px solid #252d36;background:#090d11;padding:7px;overflow:hidden}.channel-mini span{font-size:7px;color:#75818d}.channel-mini b{display:block;font:14px ui-monospace,monospace;margin-top:3px}.channel-mini>i{position:absolute;bottom:6px;right:7px;width:4px;max-height:56px;background:#2bbcff;box-shadow:0 0 8px #2bbcff}.channel-mini.b>i{background:#ff4d73;box-shadow:0 0 8px #ff4d73}.channel-mini.a b{color:#63d1ff}.channel-mini.b b{color:#ff839a}.master-meter{text-align:center;padding-top:2px}.master-meter>span{font-size:7px;color:#65717c;letter-spacing:.1em}.master-meter>div{height:42px;margin-top:5px;display:flex;gap:2px;align-items:end;justify-content:center}.master-meter i{width:5px;background:#3bdb8e;height:28%}.master-meter i:nth-child(2),.master-meter i:nth-child(9){height:40%}.master-meter i:nth-child(3),.master-meter i:nth-child(8){height:55%}.master-meter i:nth-child(4),.master-meter i:nth-child(7){height:72%;background:#d9d448}.master-meter i:nth-child(5),.master-meter i:nth-child(6){height:88%;background:#ee5c67}.mixer-module{border-top:1px solid #29313b;padding:9px 3px}.module-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.module-head>span{font-size:8px;font-weight:800;letter-spacing:.14em;color:#909ba6}.module-head>b{font:10px ui-monospace,monospace;color:#d7dee5}.module-head small{font-size:7px;color:#63707c}.cross-scale{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;color:#65707b}.cross-scale span:first-child{color:#47c9ff}.cross-scale span:last-child{color:#ff6c8a}.cross-range{width:100%;margin-top:4px}.center-cross,.wide-control{width:100%;height:27px;border:1px solid #303946;background:linear-gradient(180deg,#161d24,#0b1015);font-size:8px;font-weight:700;letter-spacing:.06em;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;line-height:1;padding:0 8px;white-space:nowrap}.center-cross{margin-top:3px}.center-cross svg,.wide-control svg{width:13px;height:13px;display:block;flex:0 0 auto}.switch-line{height:27px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1d242c;font-size:8px;color:#9aa4ae}.switch-line input{accent-color:#39c7ff}.mixer-slider{display:block;margin:8px 0}.mixer-slider>span{display:flex;justify-content:space-between;color:#717d88;font-size:7px;letter-spacing:.08em}.mixer-slider b{color:#d6dde5}.mixer-slider input{width:100%;margin-top:3px}.fx-pads{display:grid;grid-template-columns:1fr 1fr;gap:4px}.fx-pads button{height:27px;border:1px solid #303945;background:#0d1217;font-size:7px}.fx-pads button:last-child{grid-column:1/-1}.icon-reset{border:0;background:transparent;padding:2px;color:#697580}.icon-reset svg{width:12px}.monitor-info{display:flex;justify-content:space-between;margin:5px 0;color:#60707b;font:7px ui-monospace,monospace}.compact-volume{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:5px}.compact-volume button{width:28px;height:24px;display:grid;place-items:center;border:1px solid #2d3640;background:#0e1318}.compact-volume button svg{width:12px}.compact-volume input{width:100%}.meter{height:7px;border:1px solid #29323c;background:#020304;overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,#35d98b,#e6ca49,#ff516c);transition:width .08s}.mic-meter{margin-bottom:6px}.monitor-mode-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:6px 0}.monitor-mode-switch button{height:23px;border:1px solid #303945;background:#0b1015;color:#697683;font-size:7px;font-weight:800}.monitor-mode-switch button.active{border-color:#55d8ff;color:#8ee5ff;background:#102b3a;box-shadow:inset 0 0 12px #2bbcff18}.transport-row-small .cue-headphones{color:#76dfff}.transport-row-small .cue-headphones.on{color:#86f2bd!important;border-color:#3bd895!important;background:#123126!important;box-shadow:inset 0 0 14px #3bd89522,0 0 10px #3bd89522!important}.dj-deck.cue-active{box-shadow:inset 0 1px #ffffff08,inset 0 0 22px #3bd8950a,0 0 0 1px #3bd89555,0 9px 28px #0008}.cue-only-badge{margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:1px solid #3bd89588;border-radius:3px;background:#102a20;color:#79eeb2;font-size:7px;font-weight:900;letter-spacing:.08em;white-space:nowrap}.cue-only-badge svg{width:11px;height:11px}.header-master-meter{height:28px;min-width:112px;padding:0 7px;display:flex!important;align-items:center!important;gap:6px!important;border-left:1px solid #26313b;border-right:1px solid #26313b;background:#080c10}.dj-header .header-master-meter>span{font:6px ui-monospace,monospace;letter-spacing:.1em;color:#71808c}.header-master-meter>div{height:13px;display:flex!important;align-items:flex-end!important;gap:1px!important}.header-master-meter i{display:block;width:3px;height:100%;border-radius:1px;background:#15231b;opacity:.45}.header-master-meter i.orange{background:#2a200f}.header-master-meter i.red{background:#2c1117}.header-master-meter i.green.lit{background:#43dc8d;opacity:1;box-shadow:0 0 4px #43dc8d}.header-master-meter i.orange.lit{background:#f0ad39;opacity:1;box-shadow:0 0 4px #f0ad39}.header-master-meter i.red.lit{background:#ff526e;opacity:1;box-shadow:0 0 5px #ff526e}.header-clock{min-width:45px;color:#8ddfff;font:9px ui-monospace,monospace;letter-spacing:.08em;text-align:center;text-shadow:0 0 8px #2bbcff55}@media(max-width:1000px){.header-master-meter{min-width:82px}.header-master-meter>div i:nth-child(-n+5){display:none}}@media(max-width:650px){.header-master-meter{display:none!important}.header-clock{min-width:38px;font-size:8px}}.mixer-strip{display:flex;flex-direction:column}.mixer-title{order:0}.channel-mini-row{order:1}.cross-module{order:2}.fx-module{order:3}.automation-module{order:4}.smart-automix{margin:8px 0;padding:7px 9px;border:1px solid #8f7338;border-radius:5px;background:#17140f;box-shadow:inset 0 0 0 1px #c6a15b0b}.smart-automix.is-active{border-color:#b9954f;background:#1c1811;box-shadow:inset 3px 0 #b9954f,0 0 9px #b9954f10}.smart-automix-beta{display:block;margin-bottom:5px;color:#c6a15b;font-size:7px;font-weight:900;letter-spacing:.1em}.smart-automix .switch-line{height:auto;min-height:32px;border:0;gap:8px}.smart-automix .switch-line>span{display:grid;gap:3px}.smart-automix .switch-line b{color:#e9edef;font-size:8px;letter-spacing:.08em}.smart-automix .switch-line small{color:#969da2;font-size:7px;line-height:1.35}:root[data-appearance=light] .smart-automix{border-color:#a1844d;background:#f5efe3;box-shadow:inset 0 0 0 1px #fff}:root[data-appearance=light] .smart-automix.is-active{border-color:#8b6d35;background:#eee3cc;box-shadow:inset 3px 0 #9b793d}:root[data-appearance=light] .smart-automix-beta{color:#725728}.monitor-module{order:5}.mic-module{order:6}.mixer-tabs{order:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin:6px 0;padding-bottom:6px;border-bottom:1px solid #303842}.mixer-tabs button{min-width:0;height:26px;padding:0 3px;border:1px solid #343e48;background:linear-gradient(180deg,#171e26,#0d1217);color:#6f7c87;font-size:7px;font-weight:900;letter-spacing:.05em}.mixer-tabs button:hover{color:#c6d0d8;border-color:#4b5864}.mixer-tabs button.active{border-color:#4aaed5;background:linear-gradient(180deg,#17445a,#0d2937);color:#a9e7ff;box-shadow:inset 0 0 10px #2bbcff20}.mixer-tab-hidden{display:none!important}.mixer-tabs+.channel-mini-row{order:2}.mixer-tabs~.cross-module{order:3}.mixer-tabs~.fx-module{order:4}.mixer-tabs~.automation-module{order:3}.mixer-tabs~.monitor-module{order:3}.mixer-tabs~.mic-module{order:3}.dj-header .header-monitor-btn{width:34px;padding:0!important}.dj-header .header-nav>button.header-monitor-btn.active{border-color:#37d893!important;color:#78efb4!important;background:#102a20!important;box-shadow:inset 0 0 14px #37d8931f,0 0 12px #37d89318!important}.dj-header .header-monitor-btn.is-off{border-color:#713543;color:#ff627d;background:#261017;box-shadow:inset 0 0 12px #ff4d7312}.dj-header .header-monitor-btn.is-off:hover:not(:disabled){border-color:#c04961;color:#ff8ca0;background:#35141d}.dj-header .header-monitor-btn:disabled{opacity:.28}.mixer-strip .fx-pads{grid-template-columns:repeat(3,minmax(0,1fr))}.mixer-strip .fx-pads button:last-child{grid-column:auto}.queue-rack{display:grid;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:7px;margin-top:7px;align-items:start}.queue{min-width:0;border:1px solid #262f39;background:#090d11;padding:7px 9px;overflow:hidden}.queue-a{border-left:3px solid #2bbcff}.queue-b{border-right:3px solid #ff4d73}.queue-header{display:grid;grid-template-columns:26px minmax(0,1fr) auto auto;gap:7px;align-items:center;min-height:30px}.queue-collapse{width:26px;height:26px;padding:0;display:grid;place-items:center;border:1px solid #303a45;background:#121820;border-radius:3px}.queue-collapse:hover{border-color:#596776;background:#19212a}.queue-collapse svg{width:14px}.queue-title{min-width:0}.queue-title b{display:block;font-size:9px;letter-spacing:.13em}.queue-title small{display:block;margin-top:2px;color:#697682;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-a .queue-title b{color:#62d2ff}.queue-b .queue-title b{color:#ff8097}.queue-count{min-width:27px;height:22px;padding:0 7px;display:grid;place-items:center;border:1px solid #303a45;border-radius:11px;background:#080c10;color:#aeb9c3;font:9px ui-monospace,monospace}.queue-clear{height:24px;padding:0 8px;border:1px solid #3b3238;background:#171115;color:#b9828c;font-size:7px;font-weight:800}.queue-clear:hover:not(:disabled){border-color:#a95668;color:#ff91a5}.queue-items{display:flex!important;flex-direction:column;gap:4px!important;max-height:154px;overflow:auto;margin-top:7px!important;padding-right:2px}.queue-item{display:grid!important;grid-template-columns:26px minmax(0,1fr) 26px;gap:7px;align-items:center!important;min-height:39px;border:1px solid #252e38!important;background:#0b1015!important;padding:4px 5px!important}.queue-item.is-next{border-color:#405160!important;background:linear-gradient(90deg,#17222c,#0c1116)!important;box-shadow:inset 3px 0 #8fa4b8}.queue-a .queue-item.is-next{box-shadow:inset 3px 0 #2bbcff}.queue-b .queue-item.is-next{box-shadow:inset 3px 0 #ff4d73}.queue-position{width:24px;height:24px;display:grid;place-items:center;border:1px solid #323c47;border-radius:3px;background:#080c10;color:#81909e;font:9px ui-monospace,monospace}.queue-track{min-width:0}.queue-track b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cbd4dc;font-size:9px;font-weight:600}.queue-track small{display:block;margin-top:2px;color:#616e7a;font-size:6px;letter-spacing:.12em}.queue-item.is-next .queue-track small{color:#91a4b5}.queue-remove{width:25px!important;height:25px!important;padding:0!important;display:grid!important;place-items:center;border:0!important;background:transparent!important;color:#84515c}.queue-remove:hover{color:#ff6c86!important;background:#39141d!important}.queue-remove svg{width:12px}.queue-empty{margin-top:7px;min-height:42px;display:flex;align-items:center;justify-content:center;border:1px dashed #29323b;color:#596571;font-size:8px;text-align:center;padding:8px}.queue.is-collapsed{padding-top:5px;padding-bottom:5px}.queue.is-collapsed .queue-items,.queue.is-collapsed .queue-empty{display:none!important}.queue-rack-center{min-height:46px;align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #262f39;background:#0d1217}.queue-rack-center span{font-size:7px;letter-spacing:.13em;color:#67737f}.queue-rack-center b{font:17px ui-monospace,monospace;margin:2px 0}.queue-rack-center small{font-size:7px;color:#56616c}.dj-library{display:grid;grid-template-columns:215px minmax(0,1fr);margin-top:7px;border:1px solid #28313a;background:#090d11;min-height:310px}.lib-tree{border-right:1px solid #252d36;background:linear-gradient(180deg,#0c1116,#070a0e);padding:10px;min-width:0}.library-brand{height:43px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #252d36;margin-bottom:7px}.library-brand>svg{width:17px;color:#7edaff}.library-brand b{display:block;font-size:9px;letter-spacing:.13em}.library-brand small{display:block;font-size:7px;color:#606c77;margin-top:2px}.lib-tree>button,.tree-children button{width:100%;height:27px;border:0;background:transparent;color:#89949f;text-align:left;display:flex;align-items:center;gap:6px;padding:0 7px;font-size:8px}.lib-tree>button:hover,.tree-children button:hover{background:#111820;color:#d9e0e7}.lib-tree>button svg{width:11px}.tree-children{padding-left:15px;margin-bottom:5px}.tree-children button{height:25px;border-left:1px solid #28323c;justify-content:space-between}.tree-children button.selected{background:#123348;color:#80daff;border-left-color:#2bbcff}.tree-count{margin-left:auto;font:8px ui-monospace,monospace;color:#65717d}.tree-divider{height:1px;background:#252d36;margin:9px 0}.tree-title{display:block;font-size:7px;letter-spacing:.13em;color:#5f6b77;margin:0 6px 6px}.new-cat{display:flex}.new-cat input,.search input,.youtube input,.samples-head input,.user-create input{min-width:0;background:#05080b;border:1px solid #28323c;color:#dfe5eb;height:29px;padding:0 8px;font-size:8px;outline:none}.new-cat input{width:100%;border-right:0}.new-cat button{width:30px;border:1px solid #28323c;background:#10161c}.new-cat svg{width:12px}.category-manager{max-height:150px;overflow:auto;margin-top:6px}.cat-row{display:flex;align-items:center;justify-content:space-between;height:24px;padding-left:6px;border-bottom:1px solid #171d23;color:#6f7a86;font-size:8px}.cat-row button{border:0;background:transparent;color:#7c4852}.cat-row svg{width:10px}.lib-main{min-width:0;padding:8px}.library-toolbar{display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(260px,.65fr);gap:6px;margin-bottom:7px}.search,.youtube{display:flex;align-items:center;border:1px solid #28323c;background:#05080b;min-width:0}.search svg,.youtube svg{width:12px;margin:0 7px;color:#596671}.search input,.youtube input{border:0!important;background:transparent!important;width:100%}.button,.youtube button,.samples-head button{height:31px;border:1px solid #303945;background:linear-gradient(180deg,#161c23,#0d1217);padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:8px;font-weight:700;color:#c6ced6}.button svg{width:12px}.youtube button{border-width:0 0 0 1px}.track-table{border:1px solid #242c35;background:#070a0e;overflow:auto}.track-head-row,.track-row{min-width:1050px;display:grid;grid-template-columns:34px minmax(260px,1.6fr) 130px 55px 62px 70px 58px 56px 56px 78px 34px;gap:0;align-items:center}.track-head-row{height:27px;background:#11171d;border-bottom:1px solid #2a333d;color:#66727e;font-size:7px;letter-spacing:.08em}.track-head-row>span{padding:0 7px;border-right:1px solid #202831}.track-row{height:36px;border-bottom:1px solid #192028;color:#aeb7c1;font-size:8px}.track-row:nth-child(2n){background:#0b0f13}.track-row:hover{background:#101820}.track-row>*{min-width:0}.track-index{padding-left:8px;color:#52606d;font:8px ui-monospace,monospace}.track-main{padding:0 7px;overflow:hidden}.track-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d9e0e7;font-size:9px;font-weight:550}.track-main span{display:block;color:#586570;font-size:7px;margin-top:1px}.track-row select,.samples-head select,.user-create select{height:25px;min-width:0;border:1px solid #29323b;background:#090d11;color:#8f9aa5;font-size:7px;padding:0 5px}.track-bpm{color:#99dfff;font:9px ui-monospace,monospace;text-align:center}.track-meta{text-align:center;color:#77838e;font:8px ui-monospace,monospace}.track-row button,.sample-row button{height:24px;border:1px solid #2b343e;background:#0d1217;font-size:7px;display:inline-flex;align-items:center;justify-content:center}.track-row button svg,.sample-row button svg{width:11px}.preview-btn{width:32px;justify-self:center}.load-btn{width:30px;justify-self:center;font-weight:900}.load-btn.a{border-color:#2bbcff88;color:#79d9ff;background:#0c2230}.load-btn.b{border-color:#ff4d7388;color:#ff91a6;background:#2a1017}.queue-actions{display:flex;justify-content:center;gap:3px}.queue-actions button{width:27px}.icon-only{width:25px;justify-self:center}.trash{color:#c96374!important}.empty{padding:25px;text-align:center;color:#596570;font-size:9px}.samples-block{margin-top:8px;border:1px solid #242c35;background:#080c10;padding:8px}.samples-head{display:flex;align-items:center;gap:6px}.samples-head>div:first-child{margin-right:auto}.samples-head h3{margin:0;font-size:9px;letter-spacing:.13em}.samples-head span{display:block;color:#5f6b76;font-size:7px;margin-top:2px}.samples-head .search{width:240px}.sample-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;margin-top:7px}.sample-row{display:grid;grid-template-columns:minmax(0,1fr) 30px 78px 28px;gap:4px;align-items:center;border:1px solid #202831;background:#0b1015;padding:4px}.sample-row b{display:block;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sample-row span{display:block;font-size:7px;color:#5d6975;margin-top:1px}.dj-statusbar{height:29px;margin-top:7px;border:1px solid #202831;background:#080b0f;display:flex;align-items:center;gap:22px;padding:0 9px;color:#596672;font:7px ui-monospace,monospace;letter-spacing:.06em}.dj-statusbar span:last-child{margin-left:auto}.status-led{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5a6671;margin-right:5px}.status-led.ok{background:#45db91;box-shadow:0 0 7px #45db91}.login-wrap{padding:20px;background:radial-gradient(circle at 42% 4%,#8f99a614,#0d1117b3 43%,#06090ed4 74%,#04060ae9)}.login-card{position:relative;overflow:hidden;width:min(460px,100%);padding:34px 32px;border:1px solid #444a53;background:linear-gradient(160deg,#20242bdf,#12161cdc 52%,#0b0e13f0);box-shadow:0 30px 90px #000c,inset 0 1px #ffffff14;border-radius:22px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;flex-direction:column;gap:14px}.login-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;background:radial-gradient(circle at 15% 0,#ffffff10,transparent 43%),radial-gradient(circle at 92% 100%,#adb4be10,transparent 34%);pointer-events:none}.logo-disc{position:relative;z-index:1;width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#56beff3b,#10212f 70%);border:1px solid #5fbaf46b;box-shadow:inset 0 0 20px #5bb8ff1f,0 8px 24px #0008}.logo-disc svg{width:26px;height:26px}.login-card h1{position:relative;z-index:1;margin:4px 0 -8px;font-size:29px;font-style:italic;letter-spacing:.11em;text-shadow:0 3px 15px #000a}.login-card p{position:relative;z-index:1;margin:0 0 8px;color:#9aacbe;font-size:12px;line-height:1.45}.login-card button{position:relative;z-index:1;height:46px;border-radius:14px;font-weight:900}.login-card small{position:relative;z-index:1;color:#8f959e;text-align:center}.discord-login{height:48px!important;border:1px solid #686f79!important;background:linear-gradient(180deg,#4a5059,#373d46 55%,#2d333b)!important;color:#f4f6f8!important;font-weight:900;letter-spacing:.04em;border-radius:14px!important;box-shadow:inset 0 1px #ffffff45,0 10px 24px #0008,0 0 0 1px #8f98a322;transition:transform .14s ease,box-shadow .18s ease,filter .18s ease}.discord-login:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffff5e,0 16px 30px #0009,0 0 0 1px #a5adb937;filter:saturate(1.04)}.discord-login:active{transform:translateY(0)}.login-sep{font-size:10px!important;color:#9ba3ad!important;letter-spacing:.09em;text-transform:uppercase}.account-page{max-width:1500px;margin:auto;padding:20px}.account-page .page-title h1{font-size:30px;letter-spacing:.07em;background:linear-gradient(180deg,#f6f7fa,#bdc3cc);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 8px 26px #ffffff14}.account-page .page-title p{color:#99a0a9}.ok.global{border:1px solid #6cc79a55;background:linear-gradient(180deg,#2f8f5e29,#1f5e3f20);color:#b6f2d2;padding:10px 13px;border-radius:12px;font-size:11px;box-shadow:inset 0 1px #ffffff1a}.account-hero{display:grid;grid-template-columns:108px minmax(240px,1fr) minmax(300px,430px);gap:16px;align-items:center}.avatar-block{position:relative;z-index:1}.profile-avatar{width:96px;height:96px;border-radius:50%;border:2px solid #676f7a;object-fit:cover;background:linear-gradient(180deg,#181b22,#0d1015);display:grid;place-items:center;color:#b3bac4;box-shadow:0 0 0 5px #ffffff14,0 12px 30px #0008}.profile-avatar svg{width:44px;height:44px}.account-meta{position:relative;z-index:1}.account-meta h2{margin:0;font-size:24px;letter-spacing:.02em;color:#f0f2f5}.account-meta span{display:inline-flex;margin-top:6px;padding:5px 9px;border-radius:999px;border:1px solid #4a5058;background:#161a20;color:#c8cfd8;font-size:10px;letter-spacing:.06em}.account-meta small{display:block;color:#8b929c;font-size:10px;margin-top:6px;letter-spacing:.02em}.account-edit{position:relative;z-index:1;display:grid;gap:10px;padding:12px;border-radius:16px;border:1px solid #383f47;background:linear-gradient(180deg,#181c22cb,#0f1217bf)}.account-edit label{display:grid;gap:6px;font-size:10px;color:#a6adb7;letter-spacing:.09em;text-transform:uppercase}.account-edit input{height:34px;background:#0d1116;border:1px solid #444c56;color:#e1e5ea;padding:0 10px;border-radius:10px;font-size:11px;transition:border-color .2s,box-shadow .2s}.account-edit input:focus{outline:none;border-color:#929aa5;box-shadow:0 0 0 3px #d8dde61f}.account-edit button{height:35px;border:1px solid #5b616d;background:linear-gradient(180deg,#3b4048,#2a2f37);display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:11px;font-size:10px;font-weight:900;letter-spacing:.04em;box-shadow:inset 0 1px #ffffff2d,0 10px 22px #0007}.account-edit button svg{width:13px}.account-stats{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.account-stats>div{position:relative;overflow:hidden;padding:14px 13px;border-radius:16px;border:1px solid #3a414a;background:linear-gradient(160deg,#1a1f26d8,#0e1218d8 60%,#0b0f15e6);box-shadow:0 12px 30px #0007,inset 0 1px #ffffff0c}.account-stats>div:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#b7bec880,#81889480);opacity:.8}.account-stats svg{width:16px;height:16px;color:#bfc6d0}.account-stats span{display:block;margin-top:7px;color:#9aa1ab;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.account-stats b{display:block;margin-top:5px;font-size:24px;line-height:1.05;color:#f3f5f7}.account-stats small{display:block;color:#7d858f;font-size:9px;margin-top:5px}.badge{padding:3px 6px;border:1px solid #444c57;border-radius:6px;background:#1a2027}.badge.live{color:#f1d2da;border-color:#8f677240;background:#6f3f4d22}.badge.ended{color:#a4aeb8}.badge.crashed{color:#ffd2a1;border-color:#8f6f4b44;background:#6f4f2e20}.mixer-page{--cyan:#9eb1c4;--rose:#b69aa6}.dj-toolbar,.master-overview,.dj-deck,.mixer-strip,.queue,.queue-rack-center,.dj-library,.track-table,.samples-block,.dj-statusbar{border-color:#3c434d;background:linear-gradient(180deg,#171b22,#0f1319)}.dj-toolbar{box-shadow:inset 0 1px #ffffff10,0 8px 24px #0008}.overview-label,.overview-label.right{color:#8c949d;border-color:#313741}.live-main-btn{border-color:#7f8f9f88;background:linear-gradient(180deg,#4f5c68,#343d46);box-shadow:inset 0 1px #ffffff30,0 0 18px #7b87961e}.live-main-btn.stop-live{border-color:#b2798788;background:linear-gradient(180deg,#7e4b56,#57343b);box-shadow:inset 0 1px #ffffff26,0 0 18px #b97d8b22}.tool-btn,.button,.youtube button,.samples-head button,.track-row button,.sample-row button{border-color:#4a525d;background:linear-gradient(180deg,#252b34,#161b22);color:#c8ced6}.tool-btn:hover,.button:hover,.youtube button:hover,.samples-head button:hover,.track-row button:hover,.sample-row button:hover{background:#2a313b;color:#f2f5f8}.dj-deck{--deck:#34beff;--deck-rgb:52,190,255;background:linear-gradient(180deg,#171c23 0,#0f1319 52%,#0a0d12);box-shadow:inset 0 1px #ffffff0d,0 12px 30px #0009}.deck-a{border-color:#4e87ac}.deck-b{--deck:#ff5f86;--deck-rgb:255,95,134;border-color:#7f4a59}.deck-letter{box-shadow:inset 0 0 12px rgba(var(--deck-rgb),.08)}.deck-wave-panel,.wave{border-color:#343b45;background:#070a0f}.deck-time-progress{background:#20262e}.transport-main{background:linear-gradient(180deg,rgba(var(--deck-rgb),.34),rgba(var(--deck-rgb),.15));box-shadow:inset 0 1px #ffffff1a,0 0 14px rgba(var(--deck-rgb),.12)}.transport-row-small button{border-color:#464f5b;background:linear-gradient(180deg,#242b34,#141921)}.jog-wheel{border-color:#525b67;background:repeating-radial-gradient(circle at 50%,#1b2129 0,#1b2129 5px,#11161d 6px,#11161d 9px);box-shadow:inset 0 0 0 8px #0d1117,inset 0 0 0 10px rgba(var(--deck-rgb),.18),inset 0 0 30px #000,0 8px 22px #000a}.jog-wheel:before{border-color:#4a535f}.jog-center{background:#0a0d12}.mixer-strip{background:linear-gradient(180deg,#171d25,#0f1319 58%,#0a0d12);box-shadow:inset 0 1px #ffffff10,0 10px 30px #000a}.mixer-title{border-color:#39414b;color:#d5d9de}.channel-mini{border-color:#3c434d;background:#10151b}.channel-mini span,.module-head small,.switch-line,.mixer-slider>span,.monitor-info{color:#8f98a3}.cross-scale{color:#99a3ad}.cross-scale span:first-child{color:#a9bacb}.cross-scale span:last-child{color:#c2aab4}.center-cross,.wide-control,.fx-pads button{border-color:#4a535f;background:linear-gradient(180deg,#252c35,#161b22);color:#d3d8de}.queue-a{border-left-color:#8fa4b8}.queue-b{border-right-color:#af96a2}.queue-items>div{border-color:#343b44!important;background:#0d1116!important}.queue-items span{color:#98a3ad}.lib-tree{border-right-color:#383f48;background:linear-gradient(180deg,#12171d,#0c1015)}.lib-tree>button,.tree-children button{color:#99a3ae}.lib-tree>button:hover,.tree-children button:hover{background:#1a2129;color:#e2e6ea}.tree-children button.selected{background:#2b3138;color:#e9edf1;border-left-color:#8a96a4}.search,.youtube,.new-cat input,.search input,.youtube input,.samples-head input,.user-create input{border-color:#434b55;background:#0b1015;color:#e2e7eb}.track-head-row{background:#181d24;border-bottom-color:#3b434d;color:#8e98a3}.track-row{border-bottom-color:#2b323b;color:#bdc6cf}.track-row:nth-child(2n){background:#0f141a}.track-row:hover{background:#1a2129}.track-main b{color:#ecf0f3}.track-main span{color:#7f8a95}.track-bpm{color:#c4ced8}.track-meta{color:#96a2ad}.load-btn.a{border-color:#83909d88;color:#dde4ea;background:#1b2128}.load-btn.b{border-color:#9b869088;color:#f0e2e8;background:#251c20}.samples-block{background:#0d1117}.sample-row{border-color:#343c46;background:#11161d}.sample-row span{color:#8b96a2}.dj-statusbar{color:#7f8a95;background:#0d1117}@media(max-width:1450px){.dj-workspace{grid-template-columns:minmax(0,1fr) 270px minmax(0,1fr)}.deck-console{grid-template-columns:115px 120px minmax(0,1fr)}.jog-wheel{width:112px;height:112px}.jog-rings{top:27px;right:27px;bottom:27px;left:27px}.jog-center{top:43px;right:43px;bottom:43px;left:43px}.track-head-row,.track-row{grid-template-columns:30px minmax(220px,1.6fr) 110px 48px 58px 62px 50px 50px 50px 70px 30px}}@media(max-width:1180px){.dj-toolbar{grid-template-columns:1fr auto}.toolbar-center{display:none}.dj-workspace{grid-template-columns:1fr 1fr}.mixer-strip{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mixer-title{grid-column:1/-1}.channel-mini-row{display:none}.mixer-module{border:1px solid #29313b;padding:8px}.queue-rack{grid-template-columns:1fr 1fr}.queue-rack-center{display:none}.dj-library{grid-template-columns:185px 1fr}}@media(max-width:820px){.app-header{padding:0 8px}.app-header span{display:none}.mixer-page{padding:6px}.dj-toolbar{height:auto;min-height:52px;grid-template-columns:1fr;gap:7px;padding:7px}.status-actions{justify-self:stretch}.status-actions button{flex:1}.master-overview{grid-template-columns:60px 1fr}.master-overview .overview-label.right{grid-column:1}.dj-workspace{grid-template-columns:1fr}.mixer-strip{grid-column:auto;grid-row:auto;display:block}.deck-console{grid-template-columns:110px 115px 1fr}.queue-rack,.dj-library{grid-template-columns:1fr}.lib-tree{border-right:0;border-bottom:1px solid #252d36}.library-toolbar,.sample-list{grid-template-columns:1fr}.samples-head{align-items:stretch;flex-wrap:wrap}.samples-head .search{width:100%}.stats,.user-create,.users-grid{grid-template-columns:1fr}.dj-statusbar{overflow:auto;white-space:nowrap}}@media(max-width:820px){.account-chip{max-width:46px;padding:0 5px!important}.account-chip span{display:none}}@media(max-width:820px){.account-page{padding:10px}.account-hero{grid-template-columns:1fr}.avatar-block{display:flex;justify-content:center}.account-stats{grid-template-columns:1fr}.account-edit{padding:10px}}@media(max-width:560px){.deck-console{grid-template-columns:1fr 110px}.deck-controls{grid-column:1/-1}.sampler-grid{grid-template-columns:repeat(2,1fr)}.deck-timebar{grid-template-columns:72px 1fr 72px}.app-header nav button{padding:0 7px;font-size:9px}.live-state-block small{max-width:190px}.overview-label{display:none}.master-overview{grid-template-columns:1fr}.queue-items{grid-template-columns:1fr 1fr!important}}@media(min-width:1181px){:root{font-family:Bahnschrift,Segoe UI,Tahoma,sans-serif}body{overflow:hidden;background:linear-gradient(180deg,#0a1017c7,#06090ece 50%,#04070ad8),var(--app-bg) center/cover fixed no-repeat}*{scrollbar-width:thin;scrollbar-color:#1f2933 #070b10}*::-webkit-scrollbar{width:7px;height:7px}*::-webkit-scrollbar-track{background:linear-gradient(180deg,#0b1015,#080c11)}*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#27323e,#1b242e);border:1px solid #34404d;border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#2e3a47,#212b36)}button,.button,input,select,.tool-btn,.live-main-btn{border-radius:4px}.transport-row-small button,.track-row button,.sample-row button{border-radius:3px}.sample-pad,.queue-items>div{border-radius:3px}.dj-toolbar,.live-url,.master-overview,.dj-deck,.mixer-strip,.queue,.queue-rack-center,.dj-library,.track-table,.samples-block,.dj-statusbar{border-radius:6px}.mixer-page.pro-ui{height:calc(100vh - 54px);padding:6px 8px 8px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.dj-toolbar{height:44px;padding:0 8px;margin-bottom:0;background:linear-gradient(180deg,#161d25,#0a0f14 70%);border-color:#303946}.live-state-block strong{font-size:10px;letter-spacing:.18em}.live-state-block small{font-size:8px}.tool-btn,.live-main-btn{height:29px;font-size:9px}.live-main-btn{min-width:118px}.live-url{padding:5px 8px;margin-bottom:0;font-size:9px}.error.global{margin:0;padding:6px 10px;font-size:10px}.master-overview{padding:4px;margin-bottom:0;grid-template-columns:72px minmax(0,1fr);grid-template-rows:34px 34px;gap:3px 5px}.overview-label{height:auto;padding:4px 6px}.overview-label.right{grid-column:1;grid-row:2;align-items:flex-start}.overview-label span{font-size:13px}.dj-workspace{flex:1 1 auto;min-height:0;gap:0;grid-template-columns:minmax(0,1fr) 9px var(--center-col,360px) 9px minmax(0,1fr)}.panel-resizer-x{display:block;cursor:col-resize;background:linear-gradient(180deg,#121922,#0a1017);border-left:1px solid #2f3742;border-right:1px solid #2f3742;position:relative}.panel-resizer-x:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3px;height:34px;border-radius:999px;background:linear-gradient(180deg,#5a6573,#3e4854)}.panel-resizer-x:hover{background:linear-gradient(180deg,#18222d,#0d151f)}.panel-resizer-y{display:block;height:8px;cursor:row-resize;background:linear-gradient(180deg,#121922,#0c1117);border:1px solid #2e3640;border-radius:5px;position:relative;flex:0 0 auto}.panel-resizer-y:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:2px;border-radius:999px;background:#525d6a}.panel-resizer-y:hover{background:linear-gradient(180deg,#18212a,#111720)}.dj-deck{padding:8px;display:grid;grid-template-rows:auto auto auto auto;gap:5px;overflow:auto}.deck-topline{height:44px}.deck-letter{width:30px;height:30px;font-size:15px}.deck-identity strong{font-size:11px}.deck-bpm b{font-size:21px}.deck-wave-panel{padding:3px}.deck-timebar{height:32px;padding:2px 3px 0}.deck-timebar b{font-size:13px}.deck-console{padding:5px 0;gap:6px;grid-template-columns:114px 118px minmax(0,1fr)}.transport-main{height:46px;font-size:10px}.transport-row-small button{height:28px}.jog-wheel{width:108px;height:108px}.jog-rings{top:28px;right:28px;bottom:28px;left:28px}.jog-center{top:40px;right:40px;bottom:40px;left:40px;font-size:13px}.jog-wheel small{bottom:10px}.deck-controls{gap:7px}.deck-controls em{font-size:7px}.deck-controls b{font-size:8px}.sampler-section{padding-top:3px;min-height:0}.sampler-grid{gap:4px}.sample-pad{height:33px;padding:4px}.sample-pad span{margin-top:10px}.mixer-strip{padding:6px;overflow:auto}.mixer-title{height:28px}.channel-mini-row{height:72px;padding:6px 1px}.mixer-module{padding:7px 3px}.switch-line,.center-cross,.wide-control,.fx-pads button{height:24px}.queue-rack{flex:0 0 auto;gap:6px;margin-top:0}.queue{padding:6px 8px}.queue-items{margin-top:5px!important}.queue-items>div{padding:3px 5px!important}.dj-library{flex:0 0 var(--library-h,230px);height:var(--library-h,230px);min-height:0;margin-top:0;grid-template-columns:190px minmax(0,1fr)}.lib-tree{padding:8px}.library-brand{height:36px;margin-bottom:5px}.lib-tree>button,.tree-children button{height:24px}.category-manager{max-height:104px}.lib-main{padding:6px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;min-height:0}.library-toolbar{margin-bottom:0;gap:5px}.button,.youtube button,.samples-head button{height:27px;font-size:7px}.new-cat input,.search input,.youtube input,.samples-head input,.user-create input{height:25px}.track-table{min-height:0;display:grid;grid-template-rows:27px minmax(0,1fr)}.track-list{overflow:auto;min-height:0}.track-row{height:30px}.sample-list{margin-top:0}.dj-statusbar{flex:0 0 24px;height:24px;margin-top:0;gap:16px;font-size:7px}.app-header b,.mixer-title span,.module-head>span,.library-brand b,.queue>div:first-child b{text-transform:uppercase}}.mixer-strip-shell{display:grid;grid-template-columns:16px minmax(0,1fr) 16px;gap:6px;align-items:stretch;min-width:0}.mixer-side-meter{position:relative;align-self:stretch;border:1px solid #394451;background:#070b10;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px #0009,0 0 14px #0008}.mixer-side-meter:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ff5f79 0,#ff5f79 18%,#f0b23e 18%,#f0b23e 42%,#46dc8f 42%,#46dc8f);opacity:.24}.mixer-side-meter:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,transparent 0 8px,#00000066 8px 9px)}.mixer-side-meter i{position:absolute;left:1px;right:1px;bottom:1px;background:linear-gradient(180deg,#ff6880 0,#ff6880 20%,#f2b23f 20%,#f2b23f 43%,#42de90 43%,#42de90);box-shadow:0 0 12px rgba(var(--deck-rgb),.55);transition:height .12s linear}.mixer-side-meter span{position:absolute;left:50%;top:3px;transform:translate(-50%);z-index:2;font:700 7px ui-monospace,monospace;letter-spacing:.12em;color:#dfe7ee;text-shadow:0 1px 2px #000}.mixer-side-meter-a{--deck-rgb:43,188,255}.mixer-side-meter-b{--deck-rgb:255,77,115}.mixer-side-meter-a i{background:linear-gradient(180deg,#78dcff 0,#78dcff 20%,#4bc6ff 20%,#4bc6ff 43%,#2bbcff 43%,#2bbcff)}.mixer-side-meter-b i{background:linear-gradient(180deg,#ff9aae 0,#ff9aae 20%,#ff708e 20%,#ff708e 43%,#ff4d73 43%,#ff4d73)}@media(max-width:820px){.mixer-strip-shell{grid-template-columns:1fr}.mixer-side-meter{display:none}}.mixer-tabs{grid-column:1/-1}.mixer-strip>.mixer-module:not(.mixer-tab-hidden){grid-column:1/-1}.hardware-mixer{order:2;position:relative;display:grid;grid-template-columns:minmax(72px,1fr) 38px minmax(72px,1fr);grid-template-areas:"a master b" "fx fx fx" "cross cross cross";gap:7px;padding:8px 7px 9px;border:1px solid #343b43;border-radius:3px;background:linear-gradient(180deg,#30343a,#24282d 55%,#1d2024);box-shadow:inset 0 1px #ffffff18,inset 0 -1px #000,0 8px 20px #0008;color:#c8cbd0}.hardware-mixer:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;pointer-events:none;border:1px solid #ffffff08}.hardware-channel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 3px 7px;border:1px solid #171a1e;background:linear-gradient(90deg,#292d32,#34383d 48%,#282c31);box-shadow:inset 0 0 0 1px #ffffff0b}.hardware-channel.channel-a{grid-area:a;--channel-color:#2bbcff}.hardware-channel.channel-b{grid-area:b;--channel-color:#ff4d73}.hardware-channel-name{width:100%;padding-bottom:4px;border-bottom:1px solid #171a1e;text-align:center;color:var(--channel-color);font:800 8px ui-monospace,monospace;letter-spacing:.15em}.rotary-control{position:relative;width:57px;display:grid;justify-items:center;gap:2px;cursor:ns-resize;-webkit-user-select:none;user-select:none}.rotary-control input{position:absolute;top:0;width:46px;height:46px;opacity:0;cursor:ns-resize;z-index:2}.rotary-knob{position:relative;width:39px;height:39px;border:2px solid #17191c;border-radius:50%;background:radial-gradient(circle at 38% 30%,#50545a 0,#50545a 8%,#34383d 35%,#202328 70%);box-shadow:inset 0 0 0 2px #ffffff0b,inset -3px -5px 8px #0008,0 2px 3px #000}.rotary-knob:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:50%;border:1px dashed #5b6066;opacity:.65}.rotary-knob i{position:absolute;left:50%;top:3px;width:2px;height:14px;border-radius:2px;background:var(--knob-accent);box-shadow:0 0 4px var(--knob-accent);transform-origin:50% 16.5px;transform:translate(-50%) rotate(var(--knob-angle))}.rotary-control>b{font-size:7px;letter-spacing:.08em;color:#d5d7da}.rotary-control>small{height:9px;color:#858b91;font:6px ui-monospace,monospace}.hardware-channel-fader{position:relative;height:104px;display:flex;flex-direction:column;align-items:center;gap:4px;color:#888e95;font:7px ui-monospace,monospace;letter-spacing:.08em}.hardware-channel-fader input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:88px;height:22px;margin:34px -33px 0;transform:rotate(-90deg);background:transparent;cursor:ns-resize;position:relative;z-index:2}.hardware-channel-fader input::-webkit-slider-runnable-track{height:4px;border:1px solid #090b0d;background:#0b0e11;box-shadow:0 1px #555b61}.hardware-channel-fader input::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:28px;margin-top:-13px;border:1px solid #090b0d;border-radius:1px;background:linear-gradient(90deg,#1b1e22 0,#1b1e22 18%,#4d5258 19%,#4d5258 39%,#111317 40%,#111317 55%,#4d5258 56%,#4d5258 80%,#1b1e22 81%);box-shadow:0 1px 3px #000,0 0 0 1px #656b71;cursor:ns-resize}.hardware-channel-fader input::-moz-range-track{height:4px;border:1px solid #090b0d;background:#0b0e11;box-shadow:0 1px #555b61}.hardware-channel-fader input::-moz-range-thumb{width:11px;height:28px;border:1px solid #090b0d;border-radius:1px;background:linear-gradient(90deg,#1b1e22 0,#1b1e22 18%,#4d5258 19%,#4d5258 39%,#111317 40%,#111317 55%,#4d5258 56%,#4d5258 80%,#1b1e22 81%);box-shadow:0 1px 3px #000,0 0 0 1px #656b71;cursor:ns-resize}.hardware-channel-fader:after{content:"";position:absolute;z-index:1;width:38px;height:72px;margin-top:22px;background:repeating-linear-gradient(180deg,#697078 0 1px,transparent 1px 14px);pointer-events:none;opacity:.72}.hardware-cue{width:52px;height:25px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #15171a;background:linear-gradient(#393d42,#22252a);box-shadow:inset 0 1px #ffffff17,0 1px 2px #000;color:#92979d;font-size:7px;font-weight:900}.hardware-cue svg{width:12px}.hardware-cue.on{border-color:var(--channel-color);color:#fff;background:color-mix(in srgb,var(--channel-color) 35%,#20242a);box-shadow:inset 0 0 8px color-mix(in srgb,var(--channel-color) 35%,transparent),0 0 7px color-mix(in srgb,var(--channel-color) 40%,transparent)}.hardware-master{grid-area:master;z-index:1;display:flex;flex-direction:column;align-items:center;min-width:0;padding-top:5px}.hardware-master>span{font-size:6px;letter-spacing:.08em;color:#8d9399}.hardware-master>small{width:28px;display:flex;justify-content:space-around;font:6px ui-monospace,monospace;color:#777d83}.hardware-master>small b:first-child{color:#2bbcff}.hardware-master>small b:last-child{color:#ff4d73}.hardware-vu{height:226px;width:28px;margin:5px 0 3px;padding:3px;display:grid;grid-template-columns:1fr 1fr;gap:3px;border:1px solid #15181b;background:#0b0d0f;box-shadow:inset 0 0 6px #000}.hardware-vu-column{min-height:0;display:flex;flex-direction:column-reverse;gap:1px}.hardware-vu i{flex:1;min-height:2px;background:#17231d;transition:background-color 45ms linear,box-shadow 45ms linear}.hardware-vu .vu-b i{background:#26181c}.hardware-vu .vu-a i.lit{background:#20bced;box-shadow:0 0 4px #20bced}.hardware-vu .vu-b i.lit{background:#f23d67;box-shadow:0 0 4px #f23d67}.hardware-vu-column i:nth-child(n+20){filter:brightness(1.2)}.hardware-vu-column i:nth-child(n+25){filter:brightness(1.5)}.hardware-fx{grid-area:fx;z-index:1;display:grid;grid-template-columns:1fr 62px 1fr;align-items:center;gap:5px;padding:7px;border:1px solid #171a1e;background:#24282d}.hardware-fx .module-head{margin:0;align-self:stretch;flex-direction:column;justify-content:center;gap:4px}.hardware-fx .module-head>span{font-size:7px;text-align:center}.hardware-fx-buttons{display:grid;grid-template-columns:1fr 1fr;gap:3px}.hardware-fx-buttons button{height:24px;padding:0;border:1px solid #16191c;background:linear-gradient(#383c41,#25292e);color:#969ca2;font-size:6px;font-weight:900;box-shadow:inset 0 1px #ffffff12}.hardware-fx-buttons button.on{color:#ffe39a;border-color:#b7892f;background:#514322;box-shadow:0 0 7px #e3aa3638}.hardware-crossfader{position:relative;grid-area:cross;z-index:1;padding:6px 9px 8px;border:1px solid #171a1e;background:#202429;box-shadow:inset 0 1px #ffffff0a}.hardware-crossfader:after{content:"";position:absolute;z-index:0;left:18px;right:18px;bottom:18px;height:18px;background:repeating-linear-gradient(90deg,#697078 0 1px,transparent 1px 14px);pointer-events:none;opacity:.68}.hardware-crossfader>span{display:flex;justify-content:space-between;color:#858b91;font-size:6px;letter-spacing:.1em}.hardware-crossfader b:first-child{color:#55caff}.hardware-crossfader b:last-child{color:#ff708d}.hardware-crossfader input{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;z-index:2;width:100%;height:24px;margin:3px 0 0;background:transparent;cursor:ew-resize}.hardware-crossfader input::-webkit-slider-runnable-track{height:5px;border:1px solid #080a0c;background:#0b0e11;box-shadow:0 1px #555b61}.hardware-crossfader input::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:27px;margin-top:-12px;border:1px solid #080a0c;border-radius:1px;background:linear-gradient(90deg,#171a1e 0,#171a1e 25%,#50555b 26%,#50555b 40%,#111317 41%,#111317 59%,#50555b 60%,#50555b 74%,#171a1e 75%);box-shadow:0 1px 3px #000,0 0 0 1px #5f656b;cursor:ew-resize}.hardware-crossfader input::-moz-range-track{height:5px;border:1px solid #080a0c;background:#0b0e11;box-shadow:0 1px #555b61}.hardware-crossfader input::-moz-range-thumb{width:17px;height:27px;border:1px solid #080a0c;border-radius:1px;background:linear-gradient(90deg,#171a1e 0,#171a1e 25%,#50555b 26%,#50555b 40%,#111317 41%,#111317 59%,#50555b 60%,#50555b 74%,#171a1e 75%);box-shadow:0 1px 3px #000,0 0 0 1px #5f656b;cursor:ew-resize}@media(max-width:1180px){.hardware-mixer{grid-column:1/-1}.hardware-vu{height:164px}.hardware-channel-fader{height:74px}.hardware-channel-fader input{width:60px;margin:20px -20px 0}.hardware-channel-fader:after{height:48px}}.hardware-mixer{border-color:#324353;background:linear-gradient(180deg,#121b24,#0c131b 55%,#080d13);box-shadow:inset 0 1px #ffffff0d,inset 0 0 28px #071018,0 8px 20px #0009}:root[data-appearance=light] .account-page .page-title{color:#202124}:root[data-appearance=light] .account-page .page-title h1{background:none;color:#202124;-webkit-text-fill-color:#202124;text-shadow:0 1px #fff}:root[data-appearance=light] .account-page .page-title p{color:#626970}:root[data-appearance=light] .account-page .account-hero,:root[data-appearance=light] .account-page .account-stats>div,:root[data-appearance=light] .account-history{border-color:#a7aaad;background:linear-gradient(155deg,#fafafa,#e5e5e5 55%,#d2d2d2);color:#202124;box-shadow:inset 0 1px #fff,0 8px 22px #0002}:root[data-appearance=light] .account-page .account-hero:before{background:radial-gradient(circle at 15% 0,#fff9,transparent 40%),radial-gradient(circle at 92% 100%,#89939d24,transparent 35%)}:root[data-appearance=light] .account-page .avatar-block{border-color:#b2b5b8}:root[data-appearance=light] .profile-avatar-frame{border-color:#92979c;background:linear-gradient(#f8f8f8,#c7c9cb);box-shadow:inset 0 1px #fff,0 8px 18px #0003}:root[data-appearance=light] .account-page .profile-avatar{border-color:#8e949a;background:linear-gradient(#eee,#c9cccf);color:#41484f;box-shadow:0 0 0 4px #fff8,0 7px 18px #0003}:root[data-appearance=light] .profile-avatar-decoration{border-color:#94999e}:root[data-appearance=light] .account-page .account-meta{border-color:#b5b8bb}:root[data-appearance=light] .account-page .account-meta h2{color:#202124;text-shadow:0 1px #fff}:root[data-appearance=light] .account-page .account-meta>span{border-color:#a9adb1;background:linear-gradient(#f8f8f8,#d4d4d4);color:#3e454b}:root[data-appearance=light] .account-page .account-meta small,:root[data-appearance=light] .account-page .account-stats span,:root[data-appearance=light] .account-page .account-stats small{color:#626970}:root[data-appearance=light] .account-page .account-stats b{color:#202124}:root[data-appearance=light] .account-edit{border-color:#a9adb1;background:linear-gradient(#f5f5f5,#d8d8d8);box-shadow:inset 0 1px #fff}:root[data-appearance=light] .account-edit label{color:#4f565d}:root[data-appearance=light] .account-edit input{border-color:#9ca1a6;background:#f8f8f8;color:#202124;box-shadow:inset 0 1px 3px #0002}:root[data-appearance=light] .account-edit input:focus{outline:none;border-color:var(--user-accent);box-shadow:0 0 0 3px rgba(var(--user-accent-rgb),.16)}:root[data-appearance=light] .account-page button,:root[data-appearance=light] .account-history-action button{border-color:#969b9f;background:linear-gradient(#f7f7f7,#c8cbcd);color:#24282c;box-shadow:inset 0 1px #fff,0 3px 7px #0002}:root[data-appearance=light] .account-page button:hover:not(:disabled),:root[data-appearance=light] .account-history-action button:hover:not(:disabled){background:linear-gradient(#fff,#d8dadd);border-color:#73787d;color:#050607}:root[data-appearance=light] .account-history-head{border-color:#aeb2b5;background:linear-gradient(#f5f5f5,#d1d3d5)}:root[data-appearance=light] .account-history-head span,:root[data-appearance=light] .account-history-head small{color:#596168}:root[data-appearance=light] .account-history-table{border-color:#aeb2b5;background:#eee}:root[data-appearance=light] .account-history-row{border-color:#c0c2c4;background:#eee;color:#30353a}:root[data-appearance=light] .account-history-row:nth-child(odd):not(.account-history-labels){background:#dedede}:root[data-appearance=light] .account-history-row:hover:not(.account-history-labels){background:#d2d5d7}:root[data-appearance=light] .account-history-labels{background:#c8cbcd;color:#444b52}:root[data-appearance=light] .account-history-row b{color:#202124}:root[data-appearance=light] .account-history-row time{color:#5e666d}:root[data-appearance=light] .account-history-row code{color:#176d92}:root[data-appearance=light] .account-history-empty{color:#676e74;background:#e4e4e4;border-color:#b7b9bb}.hardware-mixer:before{border-color:#6fcfff0b}.hardware-channel{border-color:#263746;background:linear-gradient(180deg,#131e28,#0d151d 58%,#091017);box-shadow:inset 0 1px #ffffff0b,inset 0 0 18px #02070b99}.hardware-channel-name{border-bottom-color:#2a3b49;background:#0c151d;color:var(--channel-color);text-shadow:0 0 8px var(--channel-color)}.rotary-knob{border-color:#080d12;background:radial-gradient(circle at 36% 28%,#43515d 0,#43515d 7%,#24313b 31%,#121a21 70%);box-shadow:inset 0 0 0 2px #ffffff0a,inset -4px -5px 9px #000b,0 0 0 1px #40505d,0 3px 5px #000}.rotary-knob:before{border-color:#597081;opacity:.45}.rotary-control>b{color:#b9c9d5}.rotary-control>small{color:#60788a}.hardware-channel-fader{color:#60788a}.hardware-channel-fader:after{background:repeating-linear-gradient(180deg,#40586a 0 1px,transparent 1px 8px)}.hardware-channel-fader input::-webkit-slider-runnable-track,.hardware-crossfader input::-webkit-slider-runnable-track{border-color:#05080b;background:#05090d;box-shadow:0 1px #344958}.hardware-channel-fader input::-moz-range-track,.hardware-crossfader input::-moz-range-track{border-color:#05080b;background:#05090d;box-shadow:0 1px #344958}.hardware-channel-fader input::-webkit-slider-thumb,.hardware-channel-fader input::-moz-range-thumb{border-color:#05080b;background:linear-gradient(90deg,#101820 0,#101820 18%,#40515e 19%,#40515e 39%,#080d12 40%,#080d12 55%,#40515e 56%,#40515e 80%,#101820 81%);box-shadow:0 1px 4px #000,0 0 0 1px #526778}.hardware-cue{border-color:#263746;background:linear-gradient(#17232d,#0b1219);color:#708596;box-shadow:inset 0 1px #ffffff0d,0 2px 4px #0008}.hardware-master>span{color:#738a9b}.hardware-vu{border-color:#243746;background:#03070a;box-shadow:inset 0 0 8px #000,0 0 0 1px #101b24}.hardware-fx{border-color:#263746;background:linear-gradient(180deg,#101a23,#0a1118)}.hardware-fx-buttons button{border-color:#263746;background:linear-gradient(#17232d,#0b1219);color:#718697}.hardware-fx-buttons button.on{color:#d9f4ff;border-color:#2c9cca;background:#12384a;box-shadow:inset 0 0 8px #2bbcff20,0 0 7px #2bbcff25}.hardware-crossfader{border-color:#263746;background:linear-gradient(180deg,#0e171f,#080e14);box-shadow:inset 0 1px #ffffff09}.hardware-crossfader input::-webkit-slider-thumb,.hardware-crossfader input::-moz-range-thumb{border-color:#05080b;background:linear-gradient(90deg,#101820 0,#101820 25%,#40515e 26%,#40515e 40%,#080d12 41%,#080d12 59%,#40515e 60%,#40515e 74%,#101820 75%);box-shadow:0 1px 4px #000,0 0 0 1px #526778}.hardware-mixer{border-color:#3c434d;background:linear-gradient(180deg,#171c23,#0f1319 52%,#0a0d12);box-shadow:inset 0 1px #ffffff0d,0 12px 30px #0009}.hardware-channel{border-color:#29323c;background:linear-gradient(180deg,#11171d,#090d11);box-shadow:inset 0 1px #ffffff08}.hardware-channel-name{border-bottom-color:#202731;background:#0a0f14}.hardware-fx,.hardware-crossfader{border-color:#29323c;background:linear-gradient(180deg,#11171d,#090d11)}.hardware-cue,.hardware-fx-buttons button{border-color:#303944;background:linear-gradient(180deg,#1a2129,#0c1116)}.rotary-knob{background:radial-gradient(circle at 36% 28%,#3b444e 0,#3b444e 7%,#222a32 31%,#10161c 70%);box-shadow:inset 0 0 0 2px #ffffff0a,inset -4px -5px 9px #000b,0 0 0 1px #303944,0 3px 5px #000}.mixer-strip>.mixer-tabs{margin:0 0 6px;flex:0 0 auto}.hardware-mixer{grid-template-areas:"a master b" "bottom bottom bottom";grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}.hardware-bottom-row{grid-area:bottom;z-index:2;display:grid;grid-template-columns:42px minmax(0,1fr);gap:5px;align-items:stretch}.hardware-bottom-row .hardware-crossfader{grid-area:auto;min-width:0;padding:4px 8px 5px}.hardware-bottom-row .hardware-crossfader input{height:19px;margin-top:1px}.hardware-fx-menu-button{border:1px solid #303944;background:linear-gradient(180deg,#1a2129,#0c1116);color:#80909d;font-size:7px;font-weight:900;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.hardware-fx-menu-button svg{width:11px;height:11px}.hardware-fx-menu-button.on{color:#bcecff;border-color:#2b9ecb;background:#123346;box-shadow:inset 0 0 8px #2bbcff20}.fx-context-menu{width:205px;padding:5px;background:#0a0e13;border-color:#45515d}.fx-context-title{display:flex;align-items:center;gap:8px;padding:6px 7px 8px;border-bottom:1px solid #303944;margin-bottom:3px}.fx-context-title>svg{width:15px;color:#2bbcff}.fx-context-title span{display:flex;flex-direction:column;gap:2px}.fx-context-title b{font-size:8px;letter-spacing:.09em}.fx-context-title small{font-size:7px;color:#74818c}.fx-context-menu>button{gap:7px}.fx-context-menu>button>i{width:7px;height:7px;border:1px solid #77838e;border-radius:50%;background:#151b21;box-shadow:inset 0 0 2px #000}.fx-context-menu>button.selected{background:#17445a;color:#d7f5ff}.fx-context-menu>button.selected>i{border-color:#8fe3ff;background:#2bbcff;box-shadow:0 0 6px #2bbcff}.fx-context-menu>button>svg{width:11px;height:11px}@media(min-width:1181px){.mixer-strip{overflow:hidden}.hardware-mixer{flex:1}}.deck-transport-stack{gap:7px}.transport-main{border-color:rgba(var(--deck-rgb),.78);background:linear-gradient(180deg,rgba(var(--deck-rgb),.48),rgba(var(--deck-rgb),.2));box-shadow:inset 0 1px #ffffff2f,0 0 0 1px rgba(var(--deck-rgb),.18),0 0 18px rgba(var(--deck-rgb),.12)}.transport-main svg{width:25px;height:25px}.transport-main.is-playing{border-color:var(--deck);background:linear-gradient(180deg,rgba(var(--deck-rgb),.72),rgba(var(--deck-rgb),.3));color:#fff;box-shadow:inset 0 1px #ffffff4a,0 0 0 1px rgba(var(--deck-rgb),.3),0 0 22px rgba(var(--deck-rgb),.4)}.transport-main.is-paused{animation:deck-play-blink .9s steps(1,end) infinite}.transport-main.is-empty{animation:none}@keyframes deck-play-blink{0%,49%{border-color:var(--deck);background:linear-gradient(180deg,rgba(var(--deck-rgb),.72),rgba(var(--deck-rgb),.3));color:#fff;box-shadow:inset 0 1px #ffffff4a,0 0 0 1px rgba(var(--deck-rgb),.3),0 0 24px rgba(var(--deck-rgb),.48)}50%,to{border-color:rgba(var(--deck-rgb),.4);background:linear-gradient(180deg,rgba(var(--deck-rgb),.17),rgba(var(--deck-rgb),.07));color:#ffffff7a;box-shadow:inset 0 1px #ffffff12,0 0 5px rgba(var(--deck-rgb),.08)}}@media(prefers-reduced-motion:reduce){.transport-main.is-paused{animation:none;border-color:var(--deck)}}.transport-row-small{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.transport-row-small .transport-btn{height:34px;border:1px solid #3b4652;background:linear-gradient(180deg,#1a222d,#0f151d);display:flex;align-items:center;justify-content:center;padding:0;color:#cfd7df;box-shadow:inset 0 1px #ffffff10}.transport-row-small .transport-btn svg{width:15px;height:15px}.transport-row-small .transport-btn:hover{border-color:#5a6775;background:linear-gradient(180deg,#222b36,#131a22)}.transport-row-small .transport-btn.cue{color:#9cd9ff}.transport-row-small .transport-btn.stop{color:#f0f3f6}.transport-row-small .transport-btn.loop{color:#ffd9ae}.transport-row-small .transport-btn.eject{color:#ffb7c4}.transport-row-small .transport-btn.on{border-color:rgba(var(--deck-rgb),.74)!important;color:var(--deck)!important;background:linear-gradient(180deg,rgba(var(--deck-rgb),.22),rgba(var(--deck-rgb),.1))!important;box-shadow:inset 0 1px #ffffff1a,0 0 14px rgba(var(--deck-rgb),.18)}@media(min-width:1181px){.transport-row-small .transport-btn{height:30px}}.master-waveform-pro{margin-bottom:7px;border:1px solid #28323d;background:linear-gradient(180deg,#0e141bfa,#05080cfa);box-shadow:inset 0 1px #ffffff08,0 8px 26px #0008;overflow:hidden}.master-waveform-toolbar{min-height:38px;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(430px,1fr);align-items:center;gap:10px;padding:5px 8px;border-bottom:1px solid #202934;background:linear-gradient(180deg,#10161d,#0a0f14)}.master-waveform-title{min-width:0;display:flex;align-items:baseline;gap:9px}.master-waveform-title b{color:#e5ebf2;font-size:8px;letter-spacing:.16em;white-space:nowrap}.master-waveform-title span{color:#586571;font-size:7px;white-space:nowrap;overflow:hidden;flex:0 0 auto}.wave-bpm,.wave-delta{height:23px;display:flex;align-items:center;justify-content:center;padding:0 7px;border:1px solid #29333d;background:#080c10}.wave-bpm-a{color:#62d2ff;border-color:#2bbcff55}.wave-bpm-b{color:#ff839a;border-color:#ff4d7355}.wave-delta{color:#7d8995}.wave-delta.matched{color:#75efb5;border-color:#40d98b55;background:#0b1913;box-shadow:inset 0 0 12px #40d98b0d}.master-waveform-actions{justify-self:end;display:flex;align-items:center;gap:4px}.wave-action,.wave-icon-action{height:25px;border:1px solid #303a45;background:linear-gradient(180deg,#161d24,#0b1015);color:#9ca8b4;font-size:7px;font-weight:800;letter-spacing:.04em}.wave-action{min-width:48px;padding:0 7px}.wave-action.sync-a{color:#70d8ff;border-color:#2bbcff55}.wave-action.sync-b{color:#ff8ca2;border-color:#ff4d7355}.wave-action:hover,.wave-icon-action:hover{background:#1a232c;color:#fff}.wave-icon-action{width:27px;display:grid;place-items:center;padding:0}.wave-icon-action svg{width:12px;height:12px}.wave-icon-action.on{color:#7be3b5!important;border-color:#40d98b66!important;background:#0d2119!important}.wave-zoom-value{min-width:51px;text-align:center;color:#798591;font:7px ui-monospace,SFMono-Regular,Menlo,monospace}.master-waveform-canvas-wrap{position:relative;width:100%;height:max(0px,calc(var(--master-waveform-h, 190px) - 62px));min-height:0;background:#030506;overflow:hidden}.master-waveform-canvas{display:block;width:100%;height:100%;cursor:crosshair}.master-waveform-canvas-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 28px #000b}.wave-playhead-label{position:absolute;z-index:3;top:5px;left:50%;transform:translate(-50%);height:18px;display:flex;align-items:center;gap:3px;padding:0 5px;border:1px solid #ffffff35;background:#05070ad9;color:#eaf1f7;font-size:6px;font-weight:800;letter-spacing:.08em;pointer-events:none}.wave-playhead-label svg{width:9px;height:9px}.wave-time-label{position:absolute;z-index:3;right:7px;padding:2px 5px;background:#05070ac7;border:1px solid #ffffff18;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;pointer-events:none}.wave-time-a{top:7px;color:#67d6ff}.wave-time-b{bottom:7px;color:#ff8299}.master-waveform-help{min-height:23px;display:flex;align-items:center;gap:15px;padding:0 8px;border-top:1px solid #1e2630;background:#080c10;color:#55616d;font-size:7px;white-space:nowrap;overflow:hidden}.master-waveform-help span{display:inline-flex;align-items:center;gap:4px}.master-waveform-pro.is-compact .master-waveform-toolbar{grid-template-columns:minmax(0,1fr) auto auto;min-height:28px;gap:6px;padding:4px 6px}.master-waveform-pro.is-compact .master-waveform-title{display:none}.master-waveform-pro.is-compact .wave-bpm,.master-waveform-pro.is-compact .wave-delta{display:inline-flex;height:20px;padding:0 6px}.master-waveform-pro.is-compact .wave-sync-status{display:inline-grid;grid-auto-flow:column;grid-auto-columns:max-content;align-items:center;justify-self:start;flex-wrap:nowrap;gap:4px;white-space:nowrap}.master-waveform-pro.is-compact .wave-bpm,.master-waveform-pro.is-compact .wave-delta{flex:0 0 auto;white-space:nowrap}.master-waveform-pro.is-compact .wave-action,.master-waveform-pro.is-compact .wave-icon-action{height:20px}.master-waveform-pro.is-compact .wave-action{min-width:42px;padding:0 6px}.master-waveform-pro.is-compact .wave-zoom-value{min-width:44px;font-size:6px}.master-waveform-pro.is-compact .master-waveform-actions{justify-self:end;flex-wrap:nowrap}.master-waveform-pro.is-compact .master-waveform-help{display:none}.master-waveform-pro.is-compact .master-waveform-canvas-wrap{height:max(0px,calc(var(--master-waveform-h, 190px) - 30px))}.legend-dot{width:6px;height:6px;display:inline-block;border-radius:50%}.legend-dot.a{background:#2bbcff;box-shadow:0 0 7px #2bbcff}.legend-dot.b{background:#ff4d73;box-shadow:0 0 7px #ff4d73}@media(max-width:1180px){.master-waveform-toolbar{grid-template-columns:1fr auto}.master-waveform-title{display:none}.master-waveform-actions{justify-self:end}}@media(max-width:760px){.master-waveform-toolbar{grid-template-columns:1fr;gap:5px}.wave-sync-status{justify-content:center}.master-waveform-actions{justify-self:center;flex-wrap:wrap}.master-waveform-help{display:none}}.panel-resizer-master{display:none}@media(min-width:1181px){.panel-resizer-master{display:block;height:8px;cursor:row-resize;background:linear-gradient(180deg,#121922,#0c1117);border:1px solid #2e3640;border-radius:5px;position:relative;margin:0 0 7px}.panel-resizer-master:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:60px;height:2px;border-radius:999px;background:#525d6a}.panel-resizer-master:hover{background:linear-gradient(180deg,#18212a,#111720)}}.app-header.dj-header{height:46px;padding:0 10px;gap:10px;border-bottom:1px solid #303943;box-shadow:inset 0 -1px #000,0 4px 14px #0009}.dj-brand{height:46px!important;gap:0}.brand-image{width:190px;height:44px;background-size:290px auto;filter:drop-shadow(0 0 4px #2bbcff24)}.header-signal{height:20px!important;gap:2px!important;opacity:.7}.header-signal i{width:1px}.header-signal i:nth-child(4n){height:15px}.header-nav{gap:4px}.dj-header .header-nav>button{height:29px;min-width:30px;padding:0 8px;gap:5px;border-radius:3px;box-shadow:inset 0 1px #ffffff08}.header-nav>button>svg{width:12px;height:12px}.dj-header .header-nav>button>span{font-size:7px;letter-spacing:.1em}.dj-header .header-monitor-btn,.dj-header .logout-btn{width:30px;min-width:30px}.header-master-meter{min-width:104px;height:25px;padding:0 6px;gap:5px!important}.header-master-meter>div{height:11px}.header-master-meter i{width:2px}.dj-header .account-chip{max-width:158px!important;height:29px!important;padding:0 7px 0 5px!important;gap:6px!important}.dj-header .account-chip img,.dj-header .account-chip>i{width:20px;height:20px}.dj-header .account-chip small{margin-bottom:2px;font-size:5px}.dj-header .account-chip b{font-size:7px}.header-clock{min-width:40px;font-size:8px}.pro-ui{min-height:calc(100vh - 46px)}@media(min-width:1181px){.mixer-page.pro-ui{height:calc(100vh - 46px)}}@media(max-width:820px){.app-header.dj-header{height:44px;padding:0 5px;gap:4px}.dj-brand{height:44px!important}.brand-image{width:128px;height:42px;background-size:205px auto}.dj-header .header-nav>button{height:28px;padding:0 6px}.pro-ui{min-height:calc(100vh - 44px)}}.account-page{width:100%;max-width:1920px;min-height:calc(100vh - 46px);margin:0 auto;padding:8px 10px 18px;color:#dce3ea}.account-page .page-title{min-height:52px;margin-bottom:7px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;border:1px solid #303946;border-radius:4px;background:linear-gradient(180deg,#161d25,#0a0f14 70%);box-shadow:inset 0 1px #ffffff0a,0 6px 20px #0008}.account-page .page-title h1{margin:0;color:#f0f4f7;background:none;font-size:13px;font-style:normal;font-weight:900;letter-spacing:.16em;text-shadow:none}.account-page .page-title p{margin:4px 0 0;color:#6e7b87;font-size:8px;letter-spacing:.04em}.account-page .page-title>button{height:29px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid #3b4a57;border-radius:3px;background:linear-gradient(180deg,#202a34,#111820);color:#9bdfff;font-size:8px;font-weight:800;letter-spacing:.08em;box-shadow:inset 0 1px #ffffff0b}.account-page .page-title>button svg{width:13px}.account-page .ok.global,.account-page .error.global{min-height:32px;margin:0 0 7px;padding:6px 10px;border-radius:3px;font-size:9px}.account-page .account-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:112px minmax(240px,.8fr) minmax(330px,1.2fr);gap:14px;align-items:center;margin:0 0 7px;padding:12px;border:1px solid #303a45;border-radius:4px;background:linear-gradient(180deg,#141b22,#080d12);box-shadow:inset 0 1px #ffffff09,0 7px 22px #0007}.account-page .account-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#2bbcff;opacity:.85;pointer-events:none}.account-page .avatar-block{display:grid;place-items:center}.account-page .profile-avatar{width:82px;height:82px;border:1px solid #4b5d6d;border-radius:4px;background:#080c10;box-shadow:0 0 0 3px #111820,0 8px 20px #0008}.account-page .profile-avatar.fallback svg{width:34px;height:34px;color:#718392}.account-page .account-meta{min-width:0;padding:3px 14px 3px 0;border-right:1px solid #2b343e}.account-page .account-meta h2{margin:0 0 7px;overflow:hidden;color:#edf2f6;font-size:17px;letter-spacing:.03em;text-overflow:ellipsis;white-space:nowrap}.account-page .account-meta>span{display:inline-flex;height:20px;align-items:center;margin:0 0 8px;padding:0 7px;border:1px solid #2bbcff55;border-radius:2px;background:#0d202c;color:#78d9ff;font:8px ui-monospace,monospace}.account-page .account-meta small{display:block;margin:3px 0 0;overflow:hidden;color:#74818c;font-size:8px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.account-page .account-edit{display:grid;grid-template-columns:1fr 1fr auto;gap:7px;align-items:end;padding:9px;border:1px solid #2d3741;border-radius:3px;background:#0a0f14}.account-page .account-edit label{display:grid;gap:5px;color:#76838f;font-size:7px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.account-page .account-edit input{width:100%;height:29px;padding:0 8px;border:1px solid #37424d;border-radius:3px;background:#05080b;color:#dce4eb;font-size:8px;outline:none}.account-page .account-edit input:focus{border-color:#2bbcff88;box-shadow:0 0 0 2px #2bbcff12}.account-page .account-edit button{height:29px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #2d8fbd;border-radius:3px;background:linear-gradient(180deg,#176b94,#104663);color:#eaf8ff;font-size:8px;font-weight:900;white-space:nowrap;box-shadow:inset 0 1px #ffffff1c,0 0 14px #2bbcff12}.account-page .account-edit button svg{width:12px}.account-page .account-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}.account-page .account-stats>div{position:relative;overflow:hidden;min-height:82px;padding:11px 12px 10px 48px;display:flex;flex-direction:column;justify-content:center;border:1px solid #323c47;border-radius:4px;background:linear-gradient(180deg,#141b22,#090e13);box-shadow:inset 0 1px #ffffff08,0 5px 16px #0005}.account-page .account-stats>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#2bbcff;opacity:.75}.account-page .account-stats>div:nth-child(2):before,.account-page .account-stats>div:nth-child(5):before{background:#e8c95b}.account-page .account-stats>div:nth-child(3):before,.account-page .account-stats>div:nth-child(6):before{background:#40d98b}.account-page .account-stats svg{position:absolute;left:15px;top:50%;width:20px;height:20px;transform:translateY(-50%);color:#71818f}.account-page .account-stats span{margin:0;color:#77848f;font-size:7px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.account-page .account-stats b{margin:5px 0 0;color:#edf2f6;font:800 20px ui-monospace,SFMono-Regular,monospace}.account-page .account-stats small{margin-top:3px;color:#66737e;font:7px ui-monospace,monospace}@media(max-width:1100px){.account-page .account-hero{grid-template-columns:100px 1fr}.account-page .account-edit{grid-column:1/-1}.account-page .account-meta{border-right:0}}@media(max-width:760px){.account-page{padding:6px}.account-page .account-hero{grid-template-columns:1fr;text-align:center}.account-page .account-meta{padding:0}.account-page .account-edit{grid-template-columns:1fr;text-align:left}.account-page .account-stats{grid-template-columns:1fr 1fr}.account-page .page-title p{display:none}}.dj-library .new-cat{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) 29px!important;align-items:stretch}.dj-library .new-cat>input:not([type=color]){width:100%!important;min-width:0!important;height:27px!important;padding:0 7px!important;border-radius:3px 0 0 3px!important}@media(min-width:821px){.app-header.dj-header{height:50px;padding:0 11px;gap:11px}.dj-brand{height:50px!important}.brand-image{height:48px;width:200px;background-size:305px auto}.dj-header .header-nav>button{height:32px;min-width:33px;padding:0 9px;border-color:#3a4651;background:linear-gradient(180deg,#171e25,#0b1015);box-shadow:inset 0 1px #ffffff08}.header-nav>button>svg{width:13px;height:13px}.dj-header .header-nav>button>span{font-size:8px}.dj-header .header-monitor-btn,.dj-header .logout-btn{width:33px;min-width:33px}.dj-header .account-chip{height:32px!important}.header-master-meter{height:28px}.pro-ui{min-height:calc(100vh - 50px)}}@media(min-width:1181px){.mixer-page.pro-ui{height:calc(100vh - 50px)}.dj-toolbar{height:50px;padding:0 10px;border-color:#35414c;border-radius:4px;background:linear-gradient(180deg,#151c23,#090e13);box-shadow:inset 0 1px #ffffff09,0 4px 12px #0007}.live-state-block{gap:9px}.live-state-block strong{font-size:11px;letter-spacing:.16em}.live-state-block small{margin-top:3px;font-size:8.5px;color:#7c8994}.status-dot{width:10px;height:10px}.toolbar-center{gap:8px}.ws{font-size:9px}.engine-pill{padding:4px 8px;font-size:8px;color:#8996a1}.status-actions{gap:7px}.tool-btn,.live-main-btn{height:32px;padding:0 11px;border-radius:3px;font-size:9px;letter-spacing:.035em}.tool-btn{border-color:#46525d;background:linear-gradient(180deg,#202831,#11171d);color:#d3dbe2}.live-main-btn{min-width:136px;border-color:#39738f;background:linear-gradient(180deg,#184a62,#102f40);box-shadow:inset 0 1px #ffffff16,0 0 10px #2bbcff10}.live-main-btn.stop-live{border-color:#8d4051;background:linear-gradient(180deg,#54232e,#32151d);color:#ffdce3;box-shadow:inset 0 1px #ffffff12,0 0 10px #ff4d7310}.tool-btn svg,.live-main-btn svg{width:14px;height:14px}.live-url{min-height:27px;padding:5px 9px;border-radius:3px;font-size:9px}}.dj-library .library-toolbar{grid-template-columns:auto auto minmax(260px,1fr) minmax(300px,.68fr)}.dj-library .library-toolbar .search,.dj-library .library-toolbar .youtube{height:calc(27px * var(--library-zoom,1));border-radius:4px;overflow:hidden}.dj-library .library-toolbar .search input,.dj-library .library-toolbar .youtube input,.dj-library .library-toolbar .youtube button{height:100%}.dj-library .library-action{min-width:116px;white-space:nowrap}.dj-library .library-toolbar>button.library-action{width:auto;min-width:0;padding:0 10px;justify-self:start}.dj-library .youtube{position:relative;overflow:hidden;border-color:#71333e;background:linear-gradient(90deg,#190b0e,#080b0e 32%,#0b0d10);box-shadow:inset 0 0 14px #ff00330a}.dj-library .youtube:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid transparent;border-image:linear-gradient(90deg,#ff315455,transparent 38%,#ff315422) 1;pointer-events:none}.dj-library .youtube>svg{position:relative;z-index:1;color:#ff516b;filter:drop-shadow(0 0 4px #ff315455)}.dj-library .youtube input,.dj-library .youtube button{position:relative;z-index:1}.dj-library .youtube button{border-left-color:#74313d;color:#ff9aaa}.dj-library .youtube button:hover{background:#32131a;color:#ffd6dc}.youtube-import-progress{margin:-1px 0 7px;padding:8px 10px;border:1px solid #71333e;background:linear-gradient(90deg,#190b0e,#0b0d10);color:#d7dde4}.youtube-import-progress>div{display:flex;align-items:center;gap:7px;font-size:8px}.youtube-import-progress svg{width:13px;height:13px;color:#ff516b}.youtube-import-progress b{margin-left:auto;color:#ff9aaa;font:8px ui-monospace,monospace}.youtube-import-progress>i{display:block;position:relative;height:3px;margin:7px 0 5px;overflow:hidden;background:#251419}.youtube-import-progress>i>span{position:absolute;width:35%;height:100%;background:linear-gradient(90deg,transparent,#ff3154,#ff91a6,transparent);animation:youtube-import-loading 1.25s ease-in-out infinite}.youtube-import-progress small{display:block;color:#7d8791;font-size:7px}@keyframes youtube-import-loading{0%{transform:translate(-110%)}to{transform:translate(390%)}}.dj-library .track-head-row>span{height:100%;display:flex;align-items:center;justify-content:center;padding:0 4px;text-align:center}.dj-library .track-head-row>span:nth-child(2){justify-content:flex-start;padding-left:8px;text-align:left}.dj-library .track-row>select{width:calc(100% - 6px);margin:0 3px;border-left-color:var(--category-color,#29323b);box-shadow:inset 2px 0 6px -6px var(--category-color,transparent)}.dj-library .track-bpm,.dj-library .track-meta{justify-self:stretch;text-align:center}.dj-library .track-row{position:relative;box-shadow:inset 2px 0 0 var(--category-color,transparent)}.dj-library .track-row:hover{box-shadow:inset 3px 0 0 var(--category-color,transparent),inset 18px 0 24px -28px var(--category-color,transparent)}.dj-library .tree-children button[style]{border-left-color:color-mix(in srgb,var(--category-color) 48%,#28323c)}.dj-library .tree-children button[style].selected{border-left:2px solid var(--category-color);background:linear-gradient(90deg,color-mix(in srgb,var(--category-color) 14%,#10161c),#171c21 55%);color:#eef2f5;box-shadow:inset 14px 0 22px -24px var(--category-color)}.dj-library .new-cat{width:100%;display:grid;grid-template-columns:27px minmax(0,1fr) 29px;align-items:stretch}.dj-library .category-color-button{position:relative;width:100%;min-width:0;height:27px;padding:0;display:grid;place-items:center;border:1px solid #43515e;background:#0a0e12;color:var(--category-color,#7d8b97);cursor:pointer;overflow:hidden}.dj-library .category-color-button:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--category-color,#5f7486);opacity:.9}.dj-library .category-color-button svg{width:11px;height:11px;pointer-events:none}.dj-library .category-color-button input{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;padding:0!important;border:0!important;opacity:0;cursor:pointer}.dj-library .new-cat .category-color-button{border-right:0;border-radius:3px 0 0 3px}.dj-library .new-cat .category-color-button+input{width:100%;border-radius:0}.dj-library .new-cat>input:not([type=color]){width:100%;min-width:0;height:27px;padding:0 7px}.dj-library .new-cat>button{width:29px;min-width:29px;height:27px}.dj-library .cat-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 18px 18px;gap:3px;padding:0 2px 0 8px;border-left:2px solid var(--category-color,#5f7486);background:linear-gradient(90deg,color-mix(in srgb,var(--category-color) 9%,transparent),transparent 48%)}.dj-library .cat-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-library .cat-row>.category-color-button{width:18px;height:18px;border-radius:2px}.dj-library .cat-row button{width:18px;height:18px;padding:0;display:grid;place-items:center;color:#d16a7d!important}.dj-library .cat-row button:hover{background:#35131b!important;color:#ff91a5!important}.dj-library .cat-row button svg{width:11px;height:11px;stroke-width:2.2}@media(max-width:820px){.dj-library .library-toolbar{grid-template-columns:1fr}}.account-page .account-hero{border-color:#34414e;background:radial-gradient(circle at 8% 20%,#2bbcff0d,transparent 27%),linear-gradient(145deg,#171e26ed,#0d1319f5 58%,#070b0ff8)}.account-page .account-hero:before{background:linear-gradient(90deg,transparent,#2bbcff99,transparent)}.account-page .avatar-block{border-right-color:#2d3944}.profile-avatar-frame{position:relative;width:120px;height:120px;display:grid;place-items:center}.account-page .profile-avatar{position:relative;z-index:1;width:104px;height:104px;border-color:#4d7185;box-shadow:0 0 0 4px #10202a,0 15px 35px #000a,0 0 22px #2bbcff18}.profile-avatar-decoration{position:absolute;z-index:2;left:50%;top:50%;width:132px;height:132px;max-width:none;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}.account-page .account-meta>span{border-color:#2bbcff55;background:#0c202c;color:#76d8ff}.account-page .account-stats>div{border-color:#343f49;background:linear-gradient(155deg,#161d24ed,#0a0f14f5)}.account-page .account-stats>div:before{background:linear-gradient(90deg,transparent,#2bbcffaa,transparent)!important}.account-page .account-stats>div:nth-child(2):before,.account-page .account-stats>div:nth-child(5):before{background:linear-gradient(90deg,transparent,#e8c95baa,transparent)!important}.account-page .account-stats>div:nth-child(3):before,.account-page .account-stats>div:nth-child(6):before{background:linear-gradient(90deg,transparent,#40d98baa,transparent)!important}.account-page .account-stats>div:nth-child(1) svg,.account-page .account-stats>div:nth-child(4) svg{color:#68d5ff}.account-page .account-stats>div:nth-child(2) svg,.account-page .account-stats>div:nth-child(5) svg{color:#e6ca64}.account-page .account-stats>div:nth-child(3) svg,.account-page .account-stats>div:nth-child(6) svg{color:#65dda2}@media(max-width:760px){.account-page .avatar-block{border-right:0;border-bottom-color:#2d3944}}.dj-header .account-chip>.header-avatar-frame{position:relative;width:24px;height:24px;min-width:24px;flex:0 0 24px;display:grid;place-items:center;overflow:visible}.dj-header .account-chip .header-avatar-frame>img:not(.header-avatar-decoration),.dj-header .account-chip .header-avatar-frame>i{position:relative;z-index:1;width:20px;height:20px;margin:0;border:1px solid #4e6376;border-radius:50%;object-fit:cover}.dj-header .account-chip img.header-avatar-decoration{position:absolute;z-index:2;left:50%;top:50%;width:29px;height:29px;max-width:none;margin:0;border:0;border-radius:0;background:transparent;object-fit:contain;transform:translate(-50%,-50%);pointer-events:none}.account-history{margin-top:12px;border:1px solid #35404a;border-radius:2px;background:linear-gradient(180deg,#141b22,#080c10);box-shadow:inset 0 1px #ffffff09,0 12px 30px #0007;overflow:hidden}.account-history-head{min-height:42px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #303a44;background:linear-gradient(180deg,#192129,#10161c)}.account-history-head>div{display:flex;align-items:center;gap:7px}.account-history-head svg{width:14px;color:#64d3ff}.account-history-head span{color:#cbd4dc;font-size:8px;font-weight:900;letter-spacing:.15em}.account-history-head small{color:#6f7c87;font-size:7px}.account-history-table{overflow:auto;background:#070a0d}.account-history-row{min-width:1140px;min-height:38px;display:grid;grid-template-columns:120px minmax(150px,1.15fr) 165px 165px 90px 75px 65px minmax(120px,1fr) 86px;align-items:center;border-top:1px solid #202831;color:#aeb9c3;font-size:8px}.account-history-row:nth-child(odd):not(.account-history-labels){background:#0c1116}.account-history-row:hover:not(.account-history-labels){background:#131b22}.account-history-row>*{min-width:0;padding:0 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-history-row>span:first-child{display:flex;align-items:center;gap:6px}.account-history-row b{color:#dce4eb;font:8px ui-monospace,monospace}.account-history-row time{color:#87939e;font:8px ui-monospace,monospace}.account-history-row code{color:#75d7ff;font:8px ui-monospace,monospace}.account-history-labels{min-height:28px;border-top:0;background:#171e25;color:#6e7b87;font-size:7px;font-weight:800;letter-spacing:.09em}.history-status{width:6px;height:6px;flex:0 0 6px;padding:0;border-radius:50%;background:#73808b;box-shadow:0 0 6px #73808b66}.history-status.live,.history-status.starting{background:#40d98b;box-shadow:0 0 7px #40d98b}.history-status.crashed{background:#ff526e;box-shadow:0 0 7px #ff526e}.account-history-empty{min-height:90px;display:grid;place-items:center;color:#65727d;font-size:9px}.account-history-action{min-height:30px;display:flex;align-items:center;justify-content:center}.account-history-action button{height:25px;padding:0 7px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #793747;border-radius:3px;background:linear-gradient(180deg,#381821,#221016);color:#ff8298;font-size:7px;font-weight:900;letter-spacing:.06em}.account-history-action button:hover:not(:disabled){border-color:#c64f68;background:linear-gradient(180deg,#4a1c28,#2d1119);color:#ffb1be}.account-history-action button svg{width:10px;height:10px;fill:currentColor}.account-history-action button.download{border-color:#29627b;background:linear-gradient(180deg,#123044,#0b1d29);color:#79d9ff}.account-history-action button.download:hover:not(:disabled){border-color:#3aaee0;background:linear-gradient(180deg,#17415b,#0d2939);color:#c3efff}.dj-library .new-cat{display:grid;grid-template-columns:minmax(0,1fr) calc(29px * var(--library-zoom,1));align-items:stretch}.dj-library .new-cat input{height:calc(25px * var(--library-zoom,1));border-right:0;border-radius:3px 0 0 3px}.dj-library .new-cat button{width:auto;height:calc(25px * var(--library-zoom,1));padding:0;display:grid;place-items:center;border:1px solid #43515e;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#1b2630,#0e151c);color:#75d8ff;box-shadow:inset 0 1px #ffffff0b}.dj-library .new-cat button:hover{border-color:#2bbcff;background:linear-gradient(180deg,#15374a,#0d2634);color:#c5efff}.dj-library .new-cat button svg{width:calc(12px * var(--library-zoom,1));height:calc(12px * var(--library-zoom,1))}.account-page{max-width:1380px;padding:18px 22px 32px}.account-page .page-title{min-height:58px;margin-bottom:12px;padding:0 2px 10px;border:0;border-bottom:1px solid #38414a;border-radius:0;background:transparent;box-shadow:none}.account-page .page-title h1{font-size:16px;font-weight:700;letter-spacing:.22em}.account-page .page-title p{margin-top:6px;color:#7f8993;font-size:9px}.account-page .page-title>button{height:31px;border-color:#49535e;background:linear-gradient(180deg,#252c33,#151a20);color:#cbd4dc;box-shadow:inset 0 1px #ffffff12,0 5px 14px #0005}.account-page .account-hero{grid-template-columns:150px minmax(0,1fr);min-height:220px;gap:24px;margin-bottom:12px;padding:25px 28px;border-color:#404851;border-radius:2px;background:radial-gradient(circle at 8% 20%,#ffffff08,transparent 25%),linear-gradient(145deg,#1c2127e8,#101419f2 58%,#090c10f7);box-shadow:inset 0 1px #ffffff12,0 18px 45px #0008}.account-page .account-hero:before{left:28px;right:28px;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,#b8c3cd88,transparent)}.account-page .avatar-block{align-self:stretch;border-right:1px solid #343c44}.account-page .profile-avatar{width:104px;height:104px;border:1px solid #707984;border-radius:50%;background:#0b0e12;box-shadow:0 0 0 5px #ffffff08,0 15px 35px #000a}.account-page .account-meta{align-self:center;padding:0;border:0}.account-page .account-meta h2{margin-bottom:10px;font-size:27px;font-weight:600;letter-spacing:.015em}.account-page .account-meta>span{height:23px;margin-bottom:14px;border-color:#56616c;background:#171c21;color:#c1cbd4}.account-page .account-meta small{max-width:700px;margin-top:5px;color:#89939d;font-size:9px;letter-spacing:.015em}.account-page .account-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-page .account-stats>div{min-height:105px;padding:18px 16px 16px 58px;border-color:#3b434c;border-radius:2px;background:linear-gradient(155deg,#191e24e8,#0d1116f2);box-shadow:inset 0 1px #ffffff0c,0 10px 25px #0006}.account-page .account-stats>div:before{left:14px;right:14px;top:0;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,#aeb8c277,transparent)!important;opacity:1}.account-page .account-stats svg{left:19px;width:22px;height:22px;color:#a3adb7}.account-page .account-stats span{color:#8e98a2;font-size:8px;font-weight:600;letter-spacing:.1em}.account-page .account-stats b{margin-top:8px;color:#f0f3f5;font-size:24px;font-weight:600}.account-page .account-stats small{color:#7c8791;font-size:8px}@media(max-width:760px){.account-page{padding:10px}.account-page .account-hero{grid-template-columns:1fr;padding:22px 16px}.account-page .avatar-block{padding-bottom:20px;border-right:0;border-bottom:1px solid #343c44}.account-page .account-stats{grid-template-columns:1fr 1fr}}@media(max-width:480px){.account-page .account-stats{grid-template-columns:1fr}}.dj-library .new-cat{width:100%;display:grid!important;grid-template-columns:minmax(0,1fr) 29px!important}.dj-library .new-cat>input:not([type=color]){width:100%!important;min-width:0!important;height:27px!important;border-radius:3px 0 0 3px!important}.dj-library .new-cat>button{width:29px!important;min-width:29px!important;height:27px!important;border-radius:0 3px 3px 0!important}.dj-library .tree-section-head{display:grid;grid-template-columns:minmax(0,1fr) 27px;align-items:center}.dj-library .tree-section-head>button{height:calc(27px * var(--library-zoom,1));border:0;background:transparent;color:#99a3ae}.dj-library .tree-section-head>button:hover{background:#1a2129;color:#e2e6ea}.dj-library .tree-section-toggle{min-width:0;display:flex;align-items:center;gap:6px;padding:0 7px;text-align:left;font-size:calc(8px * var(--library-zoom,1))}.dj-library .tree-section-toggle svg{width:11px;height:11px}.dj-library .tree-add-category{display:grid;place-items:center;padding:0;border-left:1px solid #28323c!important}.dj-library .tree-add-category svg{width:12px;height:12px}.dj-library .tree-category-row{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);margin:0!important;padding-left:calc(var(--category-depth,0) * 14px);border:0;cursor:grab;-webkit-user-select:none;user-select:none;background:transparent!important}.dj-library .tree-category-row:active{cursor:grabbing}.dj-library .tree-category-row.is-dragging{opacity:.35}.dj-library .tree-category-row:before{content:"";position:absolute;left:calc(var(--category-depth,0) * 14px + 8px);top:-3px;bottom:-3px;border-left:1px solid #343a3f;opacity:calc(var(--category-depth,0) * .7)}.dj-library .tree-category-row:hover{background:#24282b!important}.dj-library .tree-category-row.is-selected{background:linear-gradient(90deg,color-mix(in srgb,var(--category-color) 28%,#172027),#292d30)!important;box-shadow:inset 2px 0 var(--category-color),inset 0 0 0 1px #ffffff12}.dj-library .tree-category-expand{position:relative;z-index:1;width:18px!important;min-width:18px;padding:0!important;display:grid!important;place-items:center;border:0!important;background:transparent!important;color:#929ba2!important}.dj-library .tree-category-expand:disabled{opacity:.7}.dj-library .tree-category-expand svg{width:9px;height:9px;stroke-width:2}.dj-library .tree-category-spacer{width:5px;height:1px;display:block}.dj-library .tree-category-name{width:100%!important;min-width:0;padding:0 6px 0 2px!important;display:grid!important;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:5px;border:0!important;background:transparent!important;color:#b9c0c5!important;text-align:left!important}.dj-library .tree-category-name svg{width:12px;height:12px;color:var(--category-color);fill:color-mix(in srgb,var(--category-color) 24%,transparent);stroke-width:1.7;filter:drop-shadow(0 0 2px color-mix(in srgb,var(--category-color) 35%,transparent))}.dj-library .tree-category-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-library .tree-category-name b{min-width:18px;color:#d4d9dc;font:800 7px ui-monospace,monospace;text-align:right}.dj-library .tree-category-row.is-selected .tree-category-name{color:#fff!important}.dj-library .tree-playable-row{display:grid;grid-template-columns:minmax(0,1fr) 27px;border-left:1px solid #28323c}.dj-library .tree-playable-row>button:first-child{border-left:0}.dj-library .tree-play-collection{position:relative;width:27px!important;min-width:27px;padding:0!important;display:grid!important;place-items:center;border-left:1px solid #28323c!important;color:#69cfff!important}.dj-library .tree-play-collection:hover{background:#123348!important;color:#c8f1ff!important}.dj-library .tree-play-collection:disabled{opacity:.25;cursor:not-allowed}.dj-library .tree-play-collection svg{width:14px;height:14px}.dj-library .tree-play-collection.is-playing{border-left-color:#22d3ee!important;background:#0b3440!important;color:#8ef3ff!important;box-shadow:inset 0 0 10px #22d3ee30}.dj-library .tree-play-collection.is-playing svg{width:8px;height:8px;fill:currentColor;transform:translateY(-3px)}.dj-library .is-auto-playing{background:linear-gradient(90deg,#0d3742,#182428)!important;box-shadow:inset 2px 0 #22d3ee,0 0 8px #22d3ee18}.dj-library .is-auto-playing>button:first-child{color:#e7fcff!important}.playlist-equalizer{position:absolute;left:7px;right:7px;bottom:3px;height:5px;display:flex!important;align-items:flex-end!important;justify-content:center!important;gap:1px!important}.playlist-equalizer i{width:2px;height:100%;background:#7df2ff;transform-origin:bottom;animation:playlist-bar .62s ease-in-out infinite alternate}.playlist-equalizer i:nth-child(2){animation-delay:-.38s}.playlist-equalizer i:nth-child(3){animation-delay:-.2s}@keyframes playlist-bar{0%{transform:scaleY(.25);opacity:.55}to{transform:scaleY(1);opacity:1}}.dj-library .tree-category-settings{width:22px!important;min-width:22px;padding:0!important;display:grid!important;place-items:center;opacity:0;color:#77838e!important;border-left:0!important}.dj-library .tree-category-row:hover .tree-category-settings,.dj-library .tree-category-settings:focus-visible{opacity:1}.dj-library .tree-category-settings:hover{color:#dce5ec!important;background:#18212a!important}.dj-library .tree-category-settings svg{width:10px;height:10px}.dj-library .tree-category-create-input{display:block;width:calc(100% - 15px);height:25px;margin:4px 0 6px 15px;padding:0 7px;border:1px solid #3a4855;outline:none;background:#05080b;color:#dfe5eb;font-size:8px}.dj-library .tree-category-create-input:focus{border-color:#6f879b}.dj-library .tree-category-editor{display:grid;grid-template-columns:24px minmax(0,1fr) 24px 24px 24px;gap:3px;align-items:center;margin:5px 0 6px;padding:4px;border:1px solid color-mix(in srgb,var(--category-color) 70%,#28323c);background:#0b1015}.dj-library .tree-category-editor.is-new{grid-template-columns:24px minmax(0,1fr) 24px 24px}.dj-library .tree-category-editor>input{width:100%;min-width:0;height:24px;padding:0 6px;border:1px solid #35414c;outline:none;background:#05080b;color:#dfe5eb;font-size:8px}.dj-library .tree-category-editor>input:focus{border-color:var(--category-color)}.dj-library .tree-category-editor>button,.dj-library .tree-category-editor>.category-color-button{width:24px;height:24px;min-width:24px;padding:0;display:grid;place-items:center;border:1px solid #35414c;background:#10161c}.dj-library .tree-category-editor>button svg,.dj-library .tree-category-editor>.category-color-button svg{width:11px;height:11px}.dj-library .tree-category-editor>.category-color-button{color:var(--category-color)}.dj-library .tree-category-editor>.category-editor-delete{color:#e05b6d;border-color:#71313b}.dj-library .tree-favorites{color:#b7a77a}.dj-library .tree-favorites.selected{color:#ffd86a;border-left-color:#e9b93f;background:#2a2414}.dj-library .tree-favorites-label{display:flex;align-items:center;gap:6px}.dj-library .tree-favorites-label svg{width:10px;height:10px;fill:currentColor}.dj-library .track-head-row,.dj-library .track-row{min-width:calc(1101px * var(--library-zoom,1));grid-template-columns:calc(34px * var(--library-zoom,1)) minmax(calc(260px * var(--library-zoom,1)),1.6fr) calc(130px * var(--library-zoom,1)) repeat(2,calc(56px * var(--library-zoom,1))) calc(70px * var(--library-zoom,1)) calc(58px * var(--library-zoom,1)) repeat(2,calc(56px * var(--library-zoom,1))) calc(78px * var(--library-zoom,1)) calc(84px * var(--library-zoom,1))}.dj-library .track-actions{display:flex;align-items:center;justify-content:center;gap:3px}.dj-library .track-actions .icon-only,.dj-library .track-actions .favorite-btn{width:24px;min-width:24px}.dj-library .favorite-btn{color:#66727e}.dj-library .favorite-btn:hover{color:#ffd86a;border-color:#8c7332}.dj-library .favorite-btn.is-favorite{color:#ffd24d;border-color:#8c7332;background:#29220f}.dj-library .track-actions .copy-link-btn{color:#9edfff}.dj-library .track-actions .copy-link-btn:hover{border-color:#2bbcff;color:#d9f5ff}.dj-header .header-live{height:36px;flex:1;min-width:285px;max-width:560px;margin:0 auto;display:grid;grid-template-columns:10px minmax(110px,1fr) auto;align-items:center;gap:9px;padding:0 5px 0 10px;border:1px solid #34414e;border-radius:4px;background:linear-gradient(180deg,#151d25,#0a0f14);box-shadow:inset 0 1px #ffffff0a}.dj-header .header-live-copy{min-width:0;line-height:1}.dj-header .header-live-copy strong{display:block;color:#aeb9c3;font-size:8px;letter-spacing:.16em}.dj-header .header-live-copy small{display:block;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#687582;font:7px ui-monospace,monospace}.dj-header .header-live.is-live{border-color:#71313f;background:linear-gradient(180deg,#25131a,#110b0e);box-shadow:inset 0 1px #ffffff0a,0 0 16px #ff405f12}.dj-header .header-live.is-live .header-live-copy strong{color:#ff8094}.dj-header .header-live-button{height:28px;min-width:116px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #168bc0;border-radius:3px;background:linear-gradient(180deg,#168bd0,#0d5d96);color:#fff!important;font-size:9px;font-weight:800;letter-spacing:.04em}.dj-header .header-live-button b{display:inline;color:#fff!important;font:800 9px/1 Arial,sans-serif;letter-spacing:.08em;white-space:nowrap;text-shadow:0 1px 1px #003b5f}.dj-header .header-live-button svg{width:12px;height:12px}.dj-header .header-live-button.stop-live{border-color:#b43d52;background:linear-gradient(180deg,#a52e44,#641b2a)}.dj-header .header-live-button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:1180px){.dj-header .header-live{min-width:190px;grid-template-columns:9px minmax(70px,1fr) auto}.dj-header .header-live-button{min-width:34px;width:34px;padding:0}.dj-header .header-live-button b{display:none}}@media(max-width:820px){.dj-header .header-live{min-width:42px;max-width:42px;grid-template-columns:1fr;padding:0 4px}.dj-header .header-live>.status-dot,.dj-header .header-live-copy{display:none}.dj-header .header-live-button{width:32px;min-width:32px;height:28px}}@media(min-width:1501px){.dj-header .header-live{position:static;width:auto;max-width:720px;min-width:0;margin:0 auto;transform:none}.dj-header .header-live-button{width:172px;min-width:172px;padding:0 14px;font-size:9px;letter-spacing:.08em;white-space:nowrap}.dj-header .header-live-button b{display:inline!important;font-size:10px}}.dj-header .header-live-copy strong{font-size:9px;color:#d8e1e8}.dj-header .header-live.is-live .header-live-copy strong{color:#ff6f87;text-shadow:0 0 8px #ff405f55}.dj-header .header-live-copy>small:not(.header-live-stats){color:#a4b0ba;font-size:7px}.dj-header .header-live-stats{display:flex!important;align-items:center;gap:7px;margin-top:4px!important;overflow:visible!important;color:#b7c1c9!important}.dj-header .header-live-stats em{color:#fff;font:700 9px/1 ui-monospace,monospace;font-style:normal;letter-spacing:.08em;text-shadow:0 0 7px #ffffff36}.dj-header .header-live-stats span{display:inline!important;padding-left:7px;border-left:1px solid #6d3944;color:#d2bbc0;font:700 7px/1 Arial,sans-serif;letter-spacing:.08em;white-space:nowrap}.dj-header .header-live-actions{display:flex!important;align-items:center;gap:5px}.dj-header .header-live-url{width:clamp(130px,17vw,245px);height:28px;min-width:0;padding:0 8px;border:1px solid #47525c;border-radius:3px;background:#080c10;color:#a9dfff;font:8px ui-monospace,monospace;outline:none}.dj-header .header-live-url:focus{border-color:#168bc0;box-shadow:0 0 0 1px #168bc044}@media(max-width:1180px){.dj-header .header-live-url{display:none}}.dj-header .header-live-copy-button{height:28px;min-width:116px;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #555f69;border-radius:3px;background:linear-gradient(180deg,#29323b,#171d23);color:#e4ebf0}.dj-header .header-live-copy-button:hover{border-color:#82909c;background:linear-gradient(180deg,#35414b,#202830)}.dj-header .header-live-copy-button svg{width:12px;height:12px}.dj-header .header-live-copy-button b{color:inherit;font:800 8px/1 Arial,sans-serif;letter-spacing:.06em;white-space:nowrap}.dj-header .header-live.is-live .header-live-copy-button,.dj-header .header-live.is-live .header-live-button{width:32px;min-width:32px;padding:0}.dj-header .header-live.is-live .header-live-copy-button b,.dj-header .header-live.is-live .header-live-button b{display:none!important}@media(min-width:1501px){.dj-header .header-live{grid-template-columns:10px minmax(205px,1fr) auto}}@media(max-width:1500px)and (min-width:1181px){.dj-header .header-live-copy-button b{display:none}.dj-header .header-live-copy-button{width:32px;min-width:32px;padding:0}}@media(max-width:1350px)and (min-width:1181px){.app-header.dj-header{gap:7px;padding-inline:8px}.dj-brand{flex:0 1 150px;min-width:118px}.brand-image{width:150px;background-size:245px auto}.dj-header .header-live{min-width:220px;max-width:none;margin:0;gap:6px}.dj-header .account-chip{width:36px;min-width:36px;padding:0!important;justify-content:center!important}.dj-header .account-chip>span:last-child{display:none}.header-master-meter{min-width:78px;width:78px}.header-master-meter>span{display:none}.header-clock{display:none}}.login-shell{min-height:100vh;display:flex;flex-direction:column}.login-shell .login-wrap{min-height:0;flex:1}.legal-footer{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 18px;border-top:1px solid #252d36;background:#080c10;color:#697582;font-size:10px}.legal-footer nav{display:flex;flex-wrap:wrap;gap:12px}.legal-footer button{border:0;background:transparent;color:#9aa7b3;padding:3px;font-size:10px}.legal-footer button:hover{color:#fff}.legal-accept{position:relative;z-index:1;display:grid;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:10px;margin:0 0 15px;color:#9aa7b3;font-size:11px;line-height:1.45;text-align:left}.legal-accept input{width:14px;height:14px;margin:1px 0 0;accent-color:#5865f2}.login-card .legal-accept button{display:inline;width:auto;height:auto;min-height:0;border:0;border-radius:0;background:none;color:#8fa9ff;padding:0;text-decoration:underline;font:inherit;font-weight:inherit;line-height:inherit;vertical-align:baseline}.discord-login:disabled{opacity:.45;cursor:not-allowed}.legal-page{min-height:100vh;background:#080c10;color:#cbd4dc;padding:28px 18px 60px}.legal-page article,.legal-page>.legal-warning,.legal-page>.legal-back{width:min(920px,100%);margin-left:auto;margin-right:auto}.legal-page article{margin-top:18px;padding:clamp(20px,4vw,46px);border:1px solid #29323b;background:#0d1217;box-shadow:0 12px 40px #0007}.legal-page h1{margin:0 0 12px;color:#f2f5f8;font-size:30px}.legal-page h2{margin:28px 0 8px;color:#dfe7ee;font-size:17px}.legal-page p{color:#aab5bf;line-height:1.7}.legal-back{display:flex;align-items:center;gap:7px;border:1px solid #303a45;background:#111820;color:#cbd4dc;padding:9px 12px}.legal-back svg{width:15px}.legal-warning{display:flex;align-items:center;gap:9px;margin-top:18px;padding:12px;border:1px solid #9c6b22;background:#2b1c09;color:#ffd28a;font-size:12px}.legal-warning svg{width:18px;flex:none}.legal-field{color:#ffcb75}.legal-table-wrap{overflow:auto}.legal-page table{width:100%;min-width:700px;border-collapse:collapse;font-size:12px;line-height:1.5}.legal-page th,.legal-page td{padding:11px;border:1px solid #303945;text-align:left;vertical-align:top}.legal-page th{background:#151d25;color:#e2e8ee}.legal-page td{color:#aab5bf}.legal-update{margin-top:38px!important;padding-top:16px;border-top:1px solid #29323b;font-size:11px}@media(max-width:680px){.legal-footer{align-items:flex-start;flex-direction:column}.legal-footer nav{gap:7px}.legal-page{padding:16px 10px 40px}.legal-page article{padding:20px}.legal-page h1{font-size:24px}}.collaboration-bar{min-height:38px;margin:6px 0;display:flex;align-items:center;gap:9px;padding:5px 10px;border:1px solid #284454;background:#10222c;color:#91b4c7;font-size:9px}.collaboration-bar>svg{width:15px;color:#62d2ff}.collaboration-bar b{color:#dff6ff}.collaboration-bar span{margin-right:auto}.collaboration-bar button{height:27px;display:flex;align-items:center;gap:5px;border:1px solid #39708a;background:#102c3a;color:#9de2ff;font-size:8px;font-weight:800}.collaboration-bar button svg{width:12px}.collab-participants{display:flex;gap:5px;flex-wrap:wrap;margin:-2px 0 7px}.collab-participants>span{height:28px;display:flex;align-items:center;gap:5px;border:1px solid #273743;background:#0b1218;padding:0 7px;font-size:8px}.collab-participants svg{width:11px}.collab-participants small{color:#607686;font-size:6px}.collab-participants button{border:0;background:transparent;color:#dc7584}.collab-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#020609d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.collab-modal{width:min(470px,100%);max-height:88vh;overflow:auto;border:1px solid #354b5a;background:#0b1116;box-shadow:0 25px 80px #000;padding:16px;color:#dbe5ec}.collab-modal-head{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:13px;margin-bottom:13px;border-bottom:1px solid #28333c}.collab-modal-head>div{display:flex;gap:10px}.collab-modal-head svg{width:18px;color:#62d2ff}.collab-modal-head span b,.collab-modal-head span small{display:block}.collab-modal-head span b{font-size:11px}.collab-modal-head span small{font-size:8px;color:#71818d;margin-top:4px}.collab-modal-head>button{border:0;background:transparent;color:#82909a}.collab-modal>label{display:block;margin:11px 0;color:#8496a3;font-size:8px;font-weight:800}.collab-modal>label>input{display:block;width:100%;height:36px;margin-top:6px;border:1px solid #30404b;background:#060a0e;color:#e6edf2;padding:0 10px}.collab-modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}.collab-modal-actions button,.primary-action{height:34px;border:1px solid #33414b;background:#10171d;color:#9baab5;padding:0 14px;font-size:8px;font-weight:900}.collab-modal-actions .primary-action,.primary-action{border-color:#2584ad;background:#0e4057;color:#bcecff}.collab-user-results{border:1px solid #293943;max-height:150px;overflow:auto}.collab-user-results>button{width:100%;display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid #202b33;background:#080d11;color:#b8c4cc;text-align:left;padding:7px}.collab-user-results>button.selected{background:#103348}.collab-user-results svg{width:14px}.collab-user-results span b,.collab-user-results span small{display:block}.collab-user-results small{color:#667985}.share-recipient{margin:12px 0 6px;font-size:9px}.share-scope{display:grid;gap:6px;padding:9px;border:1px solid #27343d}.share-scope label{font-size:8px}.share-track-picker{max-height:190px;overflow:auto;margin-top:7px;border:1px solid #28353e}.share-track-picker label{display:flex;gap:7px;padding:6px;border-bottom:1px solid #1e2930;font-size:8px}.share-save{width:100%;margin-top:9px}.existing-shares{margin-top:15px;padding-top:12px;border-top:1px solid #293640}.existing-shares>b{font-size:8px}.existing-shares>div{display:flex;justify-content:space-between;padding:7px 2px;border-bottom:1px solid #202a31;font-size:9px}.existing-shares span small{display:block;color:#667984;font-size:7px}.existing-shares button{border:0;background:transparent;color:#cf6675}.existing-shares svg{width:13px}.stop-live-modal>p{margin:4px 0;color:#a9b6bf;font-size:9px}.collab-modal-actions .stop-live-confirm{border-color:#a73b4c;background:#561d27;color:#ffd8de}.collab-modal-actions .stop-live-confirm:hover{border-color:#e1576c;background:#732735;color:#fff}.dj-library .is-auto-playing{animation:playlist-row-pulse 1.15s ease-in-out infinite alternate}@keyframes playlist-row-pulse{0%{box-shadow:inset 2px 0 #22d3ee,0 0 3px #22d3ee12}to{box-shadow:inset 3px 0 #8af5ff,0 0 11px #22d3ee55}}.track-context-menu{position:fixed;z-index:1200;width:244px;padding:2px 0;border:1px solid #555;border-radius:0;background:#1c1c1c;box-shadow:2px 3px 8px #000b;color:#f1f1f1;font-family:Arial,sans-serif}.track-context-menu>button,.context-submenu-trigger>button,.context-submenu>button{width:100%;height:20px;display:flex;align-items:center;gap:6px;border:0;border-radius:0;background:#1c1c1c;color:#f1f1f1;padding:0 5px;text-align:left;font:13px Arial,sans-serif;line-height:20px;white-space:nowrap}.track-context-menu>button>svg{width:13px;height:13px;flex:none}.track-context-menu button>span,.context-submenu-trigger button>span{flex:1}.track-context-menu button:hover,.context-submenu-trigger:hover>button,.context-submenu-trigger:focus-within>button{background:#5f7b9d;color:#fff}.context-submenu-trigger{position:relative}.context-submenu{position:absolute;display:none;left:calc(100% + 1px);top:-3px;width:101px;padding:2px 0;border:1px solid #555;border-radius:0;background:#1c1c1c;box-shadow:2px 3px 8px #000b}.flip-submenus .context-submenu{left:auto;right:calc(100% + 1px)}.context-submenu-trigger:hover>.context-submenu,.context-submenu-trigger:focus-within>button{background:#5f7b9d;color:#fff}.context-submenu-trigger:hover>.context-submenu,.context-submenu-trigger:focus-within>.context-submenu{display:block}.context-submenu-up>.context-submenu{top:auto;bottom:-3px;max-height:240px;overflow:auto}.context-arrow{width:0;height:0;margin-right:2px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #b8c0c8}.context-separator{height:1px;background:#555;margin:3px 0}.track-context-menu .context-danger{color:#f1f1f1}.track-context-menu .context-danger:hover{background:#8b3540}.track-row{cursor:default}.category-context-menu{width:210px}.category-color-submenu{width:168px;max-height:220px;overflow:auto}.category-color-submenu .category-menu-color{width:11px;height:11px;margin-right:7px;border:1px solid #aaa;flex:none}.category-custom-color{position:relative;width:100%;height:20px;display:block;padding:0 5px;color:#f1f1f1;font:13px/20px Arial,sans-serif;cursor:pointer}.category-custom-color:hover{background:#5f7b9d}.category-custom-color input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:620px){.track-context-menu{display:none}}@media(min-width:821px){.deck-console{grid-template-columns:130px 142px;justify-content:center}}.hardware-channel{gap:3px;padding-bottom:5px}.hardware-channel .rotary-control{width:52px;gap:1px}.hardware-channel .rotary-knob{width:34px;height:34px}.hardware-channel .rotary-knob i{height:12px;transform-origin:50% 14.5px}.hardware-channel .rotary-control input{width:40px;height:40px}.hardware-channel .rotary-control>small{height:7px}.hardware-channel-fader{height:78px}.hardware-channel-fader input{width:62px;margin:21px -21px 0}.hardware-channel-fader:after{height:50px}.hardware-vu{height:auto;min-height:190px;flex:1}@media(max-width:1450px)and (min-width:821px){.deck-console{grid-template-columns:115px 120px}}.hardware-mixer{grid-template-columns:minmax(68px,.8fr) minmax(142px,1.6fr) minmax(68px,.8fr);grid-template-areas:"a center b" "bottom bottom bottom";gap:5px}.hardware-center{grid-area:center;position:relative;z-index:1;min-width:0;display:grid;grid-template-columns:minmax(43px,1fr) 30px minmax(43px,1fr);grid-template-areas:"fader-a master fader-b";align-items:stretch;gap:3px;padding:5px 3px;border:1px solid #29323c;background:linear-gradient(180deg,#11171d,#090d11);box-shadow:inset 0 1px #ffffff08}.hardware-center-channel{min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px}.hardware-center-channel.center-a{grid-area:fader-a;--channel-color:#2bbcff}.hardware-center-channel.center-b{grid-area:fader-b;--channel-color:#ff4d73}.hardware-center-channel>.rotary-control{width:46px;gap:1px}.hardware-center-channel>.rotary-control .rotary-knob{width:34px;height:34px}.hardware-center-channel>.rotary-control .rotary-knob i{height:12px;transform-origin:50% 14.5px}.hardware-center-channel>.rotary-control input{width:40px;height:40px}.hardware-center-channel>.rotary-control>small{height:7px}.hardware-center .hardware-channel-fader{position:relative;height:auto;min-height:0;flex:1;width:100%}.hardware-center .hardware-channel-fader input{width:126px;margin:53px -52px 0}.hardware-center .hardware-channel-fader:after{height:calc(100% - 31px)}.hardware-center .hardware-cue{width:38px;height:25px}.hardware-center .hardware-cue svg{width:13px;height:13px}.hardware-center .hardware-master{grid-area:master;padding-top:0;min-height:0}.hardware-center .hardware-vu{width:26px;min-height:0;height:auto;flex:1;margin:4px 0 2px}.hardware-filter-control{position:relative;display:grid;place-items:center}.hardware-filter-menu{position:absolute;right:-8px;top:1px;width:14px;height:16px;display:grid;place-items:center;padding:0;border:1px solid #303944;border-radius:2px;background:linear-gradient(180deg,#1a2129,#0c1116);color:#80909d}.hardware-filter-menu:hover{color:#d7f5ff;border-color:#2b9ecb;background:#123346}.hardware-filter-menu svg{width:9px;height:9px}.hardware-bottom-row{grid-template-columns:minmax(0,1fr)}.hardware-bottom-row .hardware-crossfader{padding:7px 5% 9px}.hardware-bottom-row .hardware-crossfader input{height:27px;margin-top:3px}.hardware-channel{gap:10px;padding-top:7px;padding-bottom:8px}.hardware-channel-name{margin-bottom:2px}.hardware-channel>.rotary-control+.rotary-control,.hardware-channel>.rotary-control+.hardware-filter-control{margin-top:17px}.hardware-center-channel{gap:5px}.hardware-center .hardware-channel-fader{overflow:hidden}.hardware-center .hardware-channel-fader input{width:170px;margin:75px -74px 0}.hardware-center .hardware-channel-fader:after{height:145px;margin-top:25px}.hardware-bottom-row .hardware-crossfader{padding:8px 2% 10px}.hardware-bottom-row .hardware-crossfader input{height:32px;margin-top:3px}.hardware-center .hardware-channel-fader input::-webkit-slider-runnable-track{background:linear-gradient(to right,#edf7ff 0 var(--level-progress),#05090d var(--level-progress) 100%)}.hardware-center .hardware-channel-fader input::-moz-range-track{background:linear-gradient(to right,#edf7ff 0 var(--level-progress),#05090d var(--level-progress) 100%)}.hardware-bottom-row .hardware-crossfader input::-webkit-slider-runnable-track{background:linear-gradient(to right,#05090d 0 var(--cross-start),#edf7ff var(--cross-start) var(--cross-end),#05090d var(--cross-end) 100%)}.hardware-bottom-row .hardware-crossfader input::-moz-range-track{background:linear-gradient(to right,#05090d 0 var(--cross-start),#edf7ff var(--cross-start) var(--cross-end),#05090d var(--cross-end) 100%)}.hardware-mixer .rotary-knob:before{top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:3;border:0;opacity:1;pointer-events:none;background:conic-gradient(from 225deg,#31414d 0 var(--knob-progress-start),var(--knob-accent) var(--knob-progress-start) var(--knob-progress-end),#31414d var(--knob-progress-end) 270deg,transparent 270deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent 89%,#000 92%);mask:radial-gradient(farthest-side,transparent 89%,#000 92%);filter:drop-shadow(0 0 1px var(--knob-accent))}.hardware-mixer{grid-template-areas:"a center b";grid-template-rows:minmax(0,1fr)}.mixer-strip>.persistent-crossfader{order:4;flex:0 0 auto;width:100%;margin-top:auto;padding-top:6px;grid-template-columns:minmax(0,1fr)}.automation-module .switch-line input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:30px;height:16px;flex:0 0 30px;margin:0;border:1px solid #35434e;border-radius:9px;background:#090e13;box-shadow:inset 0 1px 3px #000;cursor:pointer;transition:border-color .16s,background .16s,box-shadow .16s}.automation-module .switch-line input[type=checkbox]:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#77838d;box-shadow:0 1px 3px #000;transition:transform .16s,background .16s}.automation-module .switch-line input[type=checkbox]:checked{border-color:#2bbcff;background:#103448;box-shadow:inset 0 0 7px #2bbcff35,0 0 5px #2bbcff20}.automation-module .switch-line input[type=checkbox]:checked:before{transform:translate(14px);background:#8be1ff;box-shadow:0 0 6px #2bbcff}.automation-module .switch-line input[type=checkbox]:focus-visible{outline:1px solid #8be1ff;outline-offset:2px}.persistent-crossfader .hardware-crossfader{width:100%;padding:8px 2% 10px}.persistent-crossfader .hardware-crossfader input{height:32px;margin-top:3px}@media(min-width:821px){.deck-console{grid-template-columns:minmax(245px,290px) 150px;justify-content:center;gap:22px;padding:14px 0 12px}.deck-transport-stack{gap:8px}.transport-main{height:62px;border-radius:4px;font-size:10px;letter-spacing:.13em}.transport-main svg{width:24px;height:24px}.transport-row-small{grid-template-columns:repeat(5,minmax(42px,1fr));gap:5px}.transport-row-small .transport-btn{height:45px;padding:4px 2px 3px;flex-direction:column;gap:2px;border-radius:3px}.transport-row-small .transport-btn svg{width:15px;height:15px}.transport-row-small .transport-btn span{color:inherit;font:700 6px ui-monospace,monospace;letter-spacing:.07em}.jog-wheel{width:142px;height:142px}.jog-wheel:before{top:19px;right:19px;bottom:19px;left:19px}.jog-rings{top:33px;right:33px;bottom:33px;left:33px}.jog-center{top:53px;right:53px;bottom:53px;left:53px}}@media(max-width:1120px)and (min-width:821px){.deck-console{grid-template-columns:minmax(190px,230px) 126px;gap:12px}.transport-row-small .transport-btn span{display:none}.transport-row-small .transport-btn{height:36px}.jog-wheel{width:120px;height:120px}.jog-wheel:before{top:17px;right:17px;bottom:17px;left:17px}.jog-rings{top:29px;right:29px;bottom:29px;left:29px}.jog-center{top:45px;right:45px;bottom:45px;left:45px}}@media(min-width:821px){.deck-console{grid-template-columns:minmax(165px,210px) 132px minmax(145px,180px);gap:14px}.transport-main{height:48px}.transport-row-small{grid-template-columns:repeat(4,minmax(36px,1fr));gap:4px}.transport-row-small .transport-btn{height:38px}.jog-wheel{width:128px;height:128px}.jog-wheel:before{top:18px;right:18px;bottom:18px;left:18px}.jog-rings{top:30px;right:30px;bottom:30px;left:30px}.jog-center{top:48px;right:48px;bottom:48px;left:48px}}.deck-loop-panel{position:relative;min-width:0;padding:8px;border:1px solid #2c3741;border-radius:3px;background:linear-gradient(180deg,#111820,#080d12);box-shadow:inset 0 1px #ffffff08,0 3px 10px #0006}.deck-loop-shell{min-width:0;display:grid;grid-template-columns:25px minmax(0,1fr);gap:5px;align-items:stretch}.deck-loop-mode{min-width:0;padding:5px 0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid #303a43;background:linear-gradient(90deg,#0a0f14,#151c22);color:#78858f}.deck-loop-mode span{writing-mode:vertical-rl;transform:rotate(180deg);font:800 7px ui-monospace,monospace;letter-spacing:.13em}.deck-loop-mode i{width:6px;height:6px;border-radius:50%;background:#53606a;box-shadow:inset 0 0 2px #000}.deck-loop-shell.is-adjusting .deck-loop-mode{border-color:rgba(var(--deck-rgb),.65);color:var(--deck);background:rgba(var(--deck-rgb),.08)}.deck-loop-shell.is-adjusting .deck-loop-mode i{background:var(--deck);box-shadow:0 0 6px var(--deck)}.deck-loop-title{height:17px;display:flex;align-items:center;justify-content:space-between;color:#71808d;font:800 7px ui-monospace,monospace;letter-spacing:.14em}.deck-loop-title i{width:6px;height:6px;border-radius:50%;background:#3a4650;box-shadow:0 0 0 2px #111820}.deck-loop-title i.set,.deck-loop-panel.is-active .deck-loop-title i{background:var(--deck);box-shadow:0 0 7px var(--deck)}.deck-loop-gauge{height:5px;margin:3px 0 7px;overflow:hidden;border-radius:4px;background:#1d2931;box-shadow:inset 0 1px 2px #000}.deck-loop-gauge i{display:block;height:100%;border-radius:inherit;background:var(--deck);box-shadow:0 0 7px rgba(var(--deck-rgb),.65);transition:width .08s linear}.deck-loop-length{display:grid;grid-template-columns:27px 1fr 27px;gap:4px;align-items:center}.deck-loop-length button{height:29px;padding:0;display:grid;place-items:center;border:1px solid #35424d;background:linear-gradient(#17212a,#0b1117);color:#8ea0ae}.deck-loop-length button svg{width:13px;height:13px}.deck-loop-length .deck-loop-value{height:29px;display:grid;place-items:center;padding:0;border:1px solid rgba(var(--deck-rgb),.65);background:rgba(var(--deck-rgb),.12);color:#e9f8ff;font:800 11px ui-monospace,monospace;box-shadow:inset 0 0 10px rgba(var(--deck-rgb),.08)}.deck-loop-length .deck-loop-value:hover{background:rgba(var(--deck-rgb),.2)}.deck-loop-length .deck-loop-value.set{background:rgba(var(--deck-rgb),.32);color:#fff;box-shadow:inset 0 0 11px rgba(var(--deck-rgb),.22),0 0 7px rgba(var(--deck-rgb),.18)}.deck-loop-points{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:5px}.deck-loop-shell.is-adjusting .deck-loop-points{grid-template-columns:repeat(3,1fr)}.deck-loop-points button{height:29px;padding:0 4px;border:1px solid #35424d;background:linear-gradient(#17212a,#0b1117);color:#8ea0ae;font-size:7px;font-weight:900;letter-spacing:.04em}.deck-loop-points button.set{border-color:var(--deck);background:rgba(var(--deck-rgb),.28);color:#fff;box-shadow:inset 0 0 10px rgba(var(--deck-rgb),.16)}.deck-loop-panel>small{display:block;height:10px;margin-top:5px;overflow:hidden;color:#61717e;font:6px ui-monospace,monospace;text-align:center;white-space:nowrap}.deck-loop-menu{position:absolute;z-index:30;left:35px;top:54px;width:92px;padding:3px 0;border:1px solid #737b82;background:#151719;box-shadow:3px 5px 14px #000;color:#e9edf0}.deck-loop-menu button{width:100%;height:20px;display:grid;grid-template-columns:18px 1fr;align-items:center;padding:0 6px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;font:11px Arial,sans-serif}.deck-loop-menu button:hover,.deck-loop-menu button.selected{background:#315f79;color:#fff}.deck-loop-menu button i{font-style:normal;font-size:10px;text-align:left}@media(max-width:1120px)and (min-width:821px){.deck-console{grid-template-columns:minmax(140px,1fr) 112px minmax(125px,145px);gap:8px}.jog-wheel{width:108px;height:108px}.jog-wheel:before{top:15px;right:15px;bottom:15px;left:15px}.jog-rings{top:26px;right:26px;bottom:26px;left:26px}.jog-center{top:40px;right:40px;bottom:40px;left:40px}.deck-loop-panel{padding:6px}.deck-loop-shell{grid-template-columns:21px minmax(0,1fr);gap:3px}}@media(min-width:1181px){.deck-console{grid-template-columns:minmax(180px,1.08fr) minmax(132px,.74fr) minmax(175px,1fr);width:100%;min-height:158px;gap:clamp(10px,1.25vw,20px);align-items:stretch;justify-content:stretch;padding:13px clamp(8px,1vw,16px) 12px;box-sizing:border-box}.deck-transport-stack,.deck-loop-shell{min-width:0;height:100%}.deck-transport-stack{display:grid;grid-template-rows:52px 44px;gap:8px;align-self:center;height:auto}.transport-main{width:100%;height:52px;min-height:0}.transport-row-small{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.transport-row-small .transport-btn{width:100%;height:44px}.jog-wheel{align-self:center;justify-self:center;width:clamp(122px,9vw,142px);height:clamp(122px,9vw,142px);margin:0}.deck-loop-shell{grid-template-columns:25px minmax(0,1fr);align-self:stretch}.deck-loop-panel{display:flex;min-height:0;flex-direction:column;justify-content:center;padding:9px}.deck-loop-title{height:18px}.deck-loop-gauge{margin:4px 0 9px}.deck-loop-length button,.deck-loop-length .deck-loop-value{height:31px}.deck-loop-points{margin-top:7px}.deck-loop-points button{height:31px}}:root{--panel:#090909;--panel2:#0f0f0f;--line:#292929;--muted:#858585;--text:#ededed;--graphite-0:#010101;--graphite-1:#050505;--graphite-2:#090909;--graphite-3:#0e0e0e;--graphite-4:#171717;--graphite-line:#303030}html{background:var(--graphite-0)}body{background:linear-gradient(180deg,#020202fa,#000000fb 55%,#000000fe),var(--app-bg) center/cover fixed no-repeat;background-color:var(--graphite-0);background-blend-mode:normal,luminosity}.app-header,.dj-header,.dj-toolbar,.master-overview,.master-waveform-pro,.master-waveform-toolbar,.dj-deck,.mixer-strip,.queue,.queue-rack-center,.dj-library,.samples-block,.dj-statusbar,.hardware-mixer,.hardware-center,.deck-loop-panel,.collaboration-bar,.collab-modal{border-color:var(--graphite-line);background:linear-gradient(180deg,#151515,#060606 72%)}.app-header button,.dj-header .header-nav>button,.dj-header .account-chip,.header-master-meter,.tool-btn,.button,.youtube button,.samples-head button,.track-row button,.sample-row button,.transport-row-small button,.transport-row-small .transport-btn,.center-cross,.wide-control,.fx-pads button,.queue-collapse,.queue-clear,.compact-volume button,.monitor-mode-switch button,.deck-loop-length button,.deck-loop-points button,.hardware-filter-menu,.collaboration-bar button,.collab-modal-actions button,.primary-action{border-color:#383838;background:linear-gradient(180deg,#1d1d1d,#0c0c0c);color:#d0d0d0}.app-header button:hover,.dj-header .header-nav>button:hover,.tool-btn:hover,.button:hover,.youtube button:hover,.samples-head button:hover,.track-row button:hover,.sample-row button:hover,.transport-row-small button:hover,.transport-row-small .transport-btn:hover,.center-cross:hover,.wide-control:hover,.fx-pads button:hover,.deck-loop-length button:hover,.deck-loop-points button:hover{border-color:#505050;background:linear-gradient(180deg,#292929,#141414);color:#fff}.deck-wave-panel,.wave,.master-waveform-canvas-wrap,.track-table,.search,.youtube,.new-cat input,.search input,.youtube input,.samples-head input,.user-create input,.track-row select,.samples-head select,.user-create select,.channel-mini,.engine-pill,.meter,.gain-meter,.deck-level-meter,.deck-level-segments,.hardware-vu,.collab-user-results,.share-scope,.share-track-picker,.collab-modal>label>input{border-color:#292929;background:#030303;color:#dedede}.lib-tree,.track-head-row,.sample-row,.queue-item,.collab-participants>span,.collab-user-results>button,.hardware-channel,.hardware-center-channel,.deck-loop-mode{border-color:#2d2d2d;background:linear-gradient(180deg,#111,#070707)}.track-row:nth-child(2n){background:#080808}.track-row:hover,.lib-tree>button:hover,.tree-children button:hover{background:#171717}.tree-children button.selected{background:#202020;color:#f0f0f0}.queue-items>div{border-color:#292929!important;background:#080808!important}.jog-wheel{border-color:#3d3d3d;background:repeating-radial-gradient(circle at 50%,#171717 0,#171717 5px,#080808 6px,#080808 9px);box-shadow:inset 0 0 0 8px #030303,inset 0 0 0 10px rgba(var(--deck-rgb),.14),inset 0 0 30px #000,0 8px 22px #000a}.jog-wheel:before{border-color:#4b4b4b}.jog-center{background:#080808}.deck-loop-panel{box-shadow:inset 0 1px #ffffff0a,0 3px 10px #0008}.deck-loop-mode{color:#898989}.deck-loop-title i{box-shadow:0 0 0 2px #151515}.deck-loop-gauge{background:#181818}.deck-loop-menu,.track-context-menu,.context-submenu{border-color:#606060;background:#101010}.deck-loop-menu button:hover,.deck-loop-menu button.selected,.track-context-menu button:hover,.context-submenu-trigger:hover>button,.context-submenu-trigger:focus-within>button,.category-custom-color:hover{background:#555}.panel-resizer-x,.panel-resizer-y,.panel-resizer-master{border-color:#444;background:linear-gradient(180deg,#181818,#080808)}.panel-resizer-x:hover,.panel-resizer-y:hover,.panel-resizer-master:hover{background:linear-gradient(180deg,#232323,#101010)}input[type=range]::-webkit-slider-runnable-track{border-color:#414141;background:linear-gradient(90deg,#222,#0e0e0e)}input[type=range]::-moz-range-track{border-color:#333;background:#171717}.automation-module .switch-line input[type=checkbox]{border-color:#484848;background:#111}.automation-module .switch-line input[type=checkbox]:before{background:#888}.collab-modal-backdrop{background:#020202dc}.collab-modal-head,.existing-shares,.existing-shares>div,.collab-user-results>button,.share-track-picker label{border-color:#343434}.collab-user-results>button.selected{background:#1d1d1d}@media(min-width:1181px){body{background:linear-gradient(180deg,#020202fa,#000000fc 58%,#000000fe),var(--app-bg) center/cover fixed no-repeat;background-color:var(--graphite-0);background-blend-mode:normal,luminosity}}:root{--user-accent:#8b96a3;--user-accent-rgb:139,150,163;--user-darkness:88%;--user-bg-opacity:.936}body{background:linear-gradient(180deg,rgba(0,0,0,var(--user-bg-opacity)),#000000fb),var(--app-bg) center/cover fixed no-repeat;background-blend-mode:normal,luminosity}.header-settings-btn,.header-help-btn{width:34px;padding:0!important}.header-settings-btn svg,.header-help-btn svg{width:15px;height:15px}.dj-header .header-settings-btn.active,.dj-header .header-nav>button.active,.tree-children button.selected,.monitor-mode-switch button.active{border-color:rgba(var(--user-accent-rgb),.8)!important;color:var(--user-accent)!important;background:rgba(var(--user-accent-rgb),.13)!important;box-shadow:inset 0 0 14px rgba(var(--user-accent-rgb),.12),0 0 10px rgba(var(--user-accent-rgb),.1)!important}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;display:grid;place-items:center;padding:14px;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-dialog{width:min(650px,calc(100vw - 28px));max-height:calc(100vh - 82px);overflow:hidden;border:1px solid #343434;border-radius:8px;background:#080808;box-shadow:0 28px 90px #000;color:#ededed}.settings-dialog-account{width:min(1200px,calc(100vw - 28px))}.settings-dialog-account .settings-layout{height:min(760px,calc(100vh - 140px));min-height:0}.settings-dialog-account .settings-content{padding:8px}.account-page-embedded{max-width:none;min-height:0;padding:0}.settings-dialog-head{height:58px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292929;background:linear-gradient(180deg,#181818,#0b0b0b)}.settings-dialog-head>div{display:flex;align-items:center;gap:10px}.settings-dialog-head>div>svg{width:18px;color:var(--user-accent)}.settings-dialog-head span b,.settings-dialog-head span small{display:block}.settings-dialog-head span b{font-size:11px;letter-spacing:.15em}.settings-dialog-head span small{margin-top:4px;color:#777;font-size:8px}.settings-dialog-head>button{width:29px;height:29px;padding:0;display:grid;place-items:center;border:1px solid #383838;background:#111;color:#999}.settings-dialog-head>button:hover{color:#fff;background:#222}.settings-dialog-head>button svg{width:14px}.settings-layout{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:390px}.settings-tabs{padding:10px 7px;border-right:1px solid #292929;background:#050505}.settings-tabs button{width:100%;height:36px;margin-bottom:4px;padding:0 9px;display:flex;align-items:center;gap:8px;border:1px solid transparent;background:transparent;color:#777;text-align:left;font-size:8px;font-weight:900;letter-spacing:.08em}.settings-tabs button svg{width:14px}.settings-tabs button:hover{background:#141414;color:#ddd}.settings-tabs button.active{border-color:rgba(var(--user-accent-rgb),.55);background:rgba(var(--user-accent-rgb),.12);color:var(--user-accent)}.settings-content{padding:18px;overflow:auto;background:linear-gradient(145deg,#101010,#070707)}.settings-section-title{margin-bottom:15px}.settings-section-title b,.settings-section-title small{display:block}.settings-section-title b{font-size:13px;letter-spacing:.12em}.settings-section-title small{margin-top:4px;color:#777;font-size:9px}.settings-field{min-height:65px;padding:10px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #252525}.settings-field>span:first-child b,.settings-field>span:first-child small{display:block}.settings-field>span:first-child b{font-size:8px;letter-spacing:.09em}.settings-field>span:first-child small{margin-top:4px;color:#737373;font-size:7px}.theme-choice{display:grid;grid-template-columns:1fr 1fr;gap:4px}.theme-choice button{height:29px;padding:0 12px;border:1px solid #383838;background:#121212;color:#888;font-size:7px;font-weight:900}.theme-choice button.active{border-color:var(--user-accent);background:rgba(var(--user-accent-rgb),.15);color:var(--user-accent)}.accent-picker{display:flex;align-items:center;gap:8px}.accent-picker input{width:38px;height:29px;padding:2px;border:1px solid #444;background:#111;cursor:pointer}.accent-picker code{min-width:65px;color:#aaa;font-size:8px}.settings-range{display:grid;grid-template-columns:minmax(0,1fr) 190px}.settings-range input{width:100%;accent-color:var(--user-accent)}.settings-reset{margin-top:17px;height:31px;padding:0 12px;border:1px solid #414141;background:linear-gradient(#202020,#101010);color:#aaa;font-size:7px;font-weight:900;letter-spacing:.06em}.settings-reset:hover{border-color:#666;color:#fff}.settings-password-form{display:flex;flex-direction:column}.settings-password-help{margin:0 0 12px;padding:10px;border:1px solid #343434;background:#111;color:#999;font-size:9px;line-height:1.5}.settings-password-field{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}.settings-password-field span{color:#aaa;font-size:8px;font-weight:900;letter-spacing:.08em}.settings-password-field input,.fivem-login input{display:block;width:100%;height:38px;border:1px solid #3b3b3b;border-radius:4px;background:#050505;color:#eee;padding:0 11px;outline:none}.settings-password-field input:focus,.fivem-login input:focus{border-color:var(--user-accent);box-shadow:0 0 0 2px rgba(var(--user-accent-rgb),.15)}.settings-password-message{margin-top:4px;padding:9px;font-size:9px}.settings-password-message.error{border:1px solid #713333;background:#2a1010;color:#ff9b9b}.settings-password-message.success{border:1px solid #316347;background:#0d2518;color:#8de0ad}.fivem-login{width:100%;display:flex;flex-direction:column;gap:13px}.fivem-login-title b,.fivem-login-title small,.fivem-login label span{display:block}.fivem-login-title small{margin-top:5px;color:#89919b;font-size:9px}.fivem-login label span{margin-bottom:6px;color:#aeb5bd;font-size:9px;font-weight:800}.fivem-login-card{padding:30px 32px 28px}.fivem-login{width:100%;display:flex;flex-direction:column;gap:16px}.fivem-login-title{display:flex;flex-direction:column;align-items:center;text-align:center}.fivem-login-icon{width:48px;height:48px;margin-bottom:12px;display:grid!important;place-items:center;border:1px solid #59616d;border-radius:15px;background:linear-gradient(145deg,#303640,#171b21);box-shadow:inset 0 1px #fff2,0 10px 24px #0008;color:#dce2e9}.fivem-login-icon svg{width:23px}.fivem-login-title b{font-size:15px;letter-spacing:.06em}.fivem-login-title small{margin-top:6px;color:#87919c;font-size:9px}.fivem-login-title code{margin-top:8px;padding:5px 10px;border:1px solid #343c46;border-radius:999px;background:#090c10;color:#b9c2cc;font-size:9px;letter-spacing:.04em}.fivem-login label{display:block;width:100%}.fivem-login label span{margin-bottom:7px;display:flex;align-items:center;gap:6px;color:#aeb5bd;font-size:9px;font-weight:800;letter-spacing:.05em}.fivem-login label span svg{width:13px;height:13px}.fivem-login input{height:44px;border-color:#454c55;border-radius:9px;background:linear-gradient(180deg,#080a0d,#030405);padding:0 13px}.fivem-login input::placeholder{color:#555d66}.fivem-login .discord-login{margin-top:1px}.fivem-login .login-sep{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;line-height:1.4;letter-spacing:.04em}.fivem-login .login-sep svg{width:12px;height:12px;flex:none}.fivem-login-help{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:11px 12px;border:1px solid #3b4b58;border-radius:8px;background:#101820;color:#8fdcff;text-align:left}.fivem-login-help>svg{width:17px;height:17px;margin-top:1px}.fivem-login-help span{min-width:0}.fivem-login-help b,.fivem-login-help small{display:block}.fivem-login-help b{color:#d9f3ff;font-size:8px;letter-spacing:.08em}.fivem-login-help small{margin-top:5px;color:#aab6c0;font-size:9px;line-height:1.45}.fivem-login-help strong{color:#e8edf1}.fivem-login-url{display:block;margin-top:9px;padding:8px 9px;border:1px solid #4d7185;border-radius:4px;background:#05090c;color:#8fe2ff;font:800 11px ui-monospace,monospace;letter-spacing:.01em;text-align:center;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}:root[data-appearance=light] .fivem-login-help{border-color:#9fa8af;background:#e8f1f5;color:#176886}:root[data-appearance=light] .fivem-login-help b{color:#173e50}:root[data-appearance=light] .fivem-login-help small{color:#4f5d65}:root[data-appearance=light] .fivem-login-help strong{color:#202428}:root[data-appearance=light] .fivem-login-url{border-color:#7e9aa7;background:#fff;color:#125f80}:root[data-appearance=light] .settings-password-field input{border-color:#9da3a8;background:linear-gradient(#fff,#ececec);color:#202428;box-shadow:inset 0 1px 2px #00000012}:root[data-appearance=light] .settings-password-field input:focus{border-color:var(--user-accent);background:#fff;box-shadow:0 0 0 2px rgba(var(--user-accent-rgb),.18)}:root[data-appearance=light] .settings-password-field input::placeholder{color:#858b91}:root[data-appearance=light] .settings-password-field span{color:#555d64}:root[data-appearance=light] .settings-password-help{border-color:#b7bcc0;background:#f5f5f5;color:#555d64}.settings-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#666;text-align:center}.settings-empty svg{width:30px;margin-bottom:12px}.settings-empty b{font-size:10px;letter-spacing:.13em;color:#aaa}.settings-empty span{margin-top:6px;font-size:8px}.app-header,.dj-header,.dj-toolbar,.master-overview,.master-waveform-pro,.master-waveform-toolbar,.dj-deck,.mixer-strip,.queue,.queue-rack-center,.dj-library,.samples-block,.dj-statusbar,.hardware-mixer,.hardware-center,.deck-loop-panel,.collaboration-bar,.collab-modal{background:linear-gradient(180deg,color-mix(in srgb,#242424 calc(100% - var(--user-darkness)),#0d0d0d),color-mix(in srgb,#161616 calc(100% - var(--user-darkness)),#030303) 72%)}:root[data-appearance=light]{--text:#202124;--panel:#ededed;--panel2:#ddd;--line:#aaa;--muted:#62666b}:root[data-appearance=light] body{color:#202124;background:linear-gradient(rgba(235,235,235,var(--user-bg-opacity)),#dadadaf5),var(--app-bg) center/cover fixed no-repeat;background-blend-mode:normal,luminosity}:root[data-appearance=light] .app-header,:root[data-appearance=light] .dj-header,:root[data-appearance=light] .dj-toolbar,:root[data-appearance=light] .master-overview,:root[data-appearance=light] .master-waveform-pro,:root[data-appearance=light] .master-waveform-toolbar,:root[data-appearance=light] .dj-deck,:root[data-appearance=light] .mixer-strip,:root[data-appearance=light] .queue,:root[data-appearance=light] .queue-rack-center,:root[data-appearance=light] .dj-library,:root[data-appearance=light] .samples-block,:root[data-appearance=light] .dj-statusbar,:root[data-appearance=light] .hardware-center,:root[data-appearance=light] .deck-loop-panel{border-color:#aaa;background:linear-gradient(180deg,#f0f0f0,#d5d5d5);color:#202124}:root[data-appearance=light] .lib-tree,:root[data-appearance=light] .track-head-row,:root[data-appearance=light] .sample-row,:root[data-appearance=light] .queue-item,:root[data-appearance=light] .channel-mini{border-color:#b5b5b5;background:#dedede;color:#252525}:root[data-appearance=light] .track-row:nth-child(2n){background:#e2e2e2}:root[data-appearance=light] .track-row:hover{background:#d1d1d1}:root[data-appearance=light] .settings-dialog{border-color:#aaa;background:#e5e5e5;color:#202124}:root[data-appearance=light] .settings-dialog-head{border-color:#bbb;background:linear-gradient(#f7f7f7,#ddd)}:root[data-appearance=light] .settings-tabs{border-color:#bbb;background:#d5d5d5}:root[data-appearance=light] .settings-content{background:linear-gradient(#eee,#ddd)}:root[data-appearance=light] .settings-field{border-color:#c2c2c2}@media(max-width:650px){.settings-backdrop{padding:6px}.settings-dialog{width:calc(100vw - 12px);max-height:calc(100vh - 12px)}.settings-layout{grid-template-columns:1fr}.settings-tabs{display:flex;border-right:0;border-bottom:1px solid #292929}.settings-tabs button{justify-content:center;margin:0}.settings-content{padding:13px}.settings-range{grid-template-columns:1fr}.settings-field{align-items:flex-start}.settings-field:not(.settings-range){flex-direction:column}.settings-layout{min-height:0}}:root[data-appearance=light]{color-scheme:light}:root[data-appearance=light] .mixer-page,:root[data-appearance=light] .account-page{color:#202124}:root[data-appearance=light] .app-header,:root[data-appearance=light] .dj-header{background:linear-gradient(#f7f7f7,#d8d8d8);border-color:#a8a8a8;box-shadow:0 5px 18px #0004}:root[data-appearance=light] .dj-header:after{opacity:.55}:root[data-appearance=light] .dj-header .header-nav>button,:root[data-appearance=light] .dj-header .account-chip,:root[data-appearance=light] .header-settings-btn,:root[data-appearance=light] .logout-btn{background:linear-gradient(#f4f4f4,#cfcfcf);border-color:#999;color:#34383d}:root[data-appearance=light] .dj-header .header-nav>button:hover{background:linear-gradient(#fff,#dedede);border-color:#777;color:#111}:root[data-appearance=light] .header-clock{color:#24789a;text-shadow:none}:root[data-appearance=light] .dj-toolbar,:root[data-appearance=light] .master-overview,:root[data-appearance=light] .master-waveform-pro,:root[data-appearance=light] .master-waveform-toolbar,:root[data-appearance=light] .dj-deck,:root[data-appearance=light] .mixer-strip,:root[data-appearance=light] .queue,:root[data-appearance=light] .queue-rack-center,:root[data-appearance=light] .dj-library,:root[data-appearance=light] .samples-block,:root[data-appearance=light] .dj-statusbar,:root[data-appearance=light] .collaboration-bar{background:linear-gradient(180deg,#f4f4f4,#d5d5d5 74%);border-color:#aaa;color:#202124;box-shadow:inset 0 1px #fff,0 5px 16px #0002}:root[data-appearance=light] .deck-console,:root[data-appearance=light] .mixer-module,:root[data-appearance=light] .mixer-title,:root[data-appearance=light] .sampler-section,:root[data-appearance=light] .library-brand,:root[data-appearance=light] .tree-divider,:root[data-appearance=light] .switch-line{border-color:#b8b8b8}:root[data-appearance=light] .tool-btn,:root[data-appearance=light] .button,:root[data-appearance=light] .youtube button,:root[data-appearance=light] .samples-head button,:root[data-appearance=light] .track-row button,:root[data-appearance=light] .sample-row button,:root[data-appearance=light] .transport-row-small button,:root[data-appearance=light] .transport-row-small .transport-btn,:root[data-appearance=light] .center-cross,:root[data-appearance=light] .wide-control,:root[data-appearance=light] .fx-pads button,:root[data-appearance=light] .queue-collapse,:root[data-appearance=light] .queue-clear,:root[data-appearance=light] .compact-volume button,:root[data-appearance=light] .monitor-mode-switch button,:root[data-appearance=light] .deck-loop-length button,:root[data-appearance=light] .deck-loop-points button,:root[data-appearance=light] .hardware-filter-menu,:root[data-appearance=light] .new-cat button{border-color:#9d9d9d;background:linear-gradient(#ededed,#bdbdbd);color:#272b2f;box-shadow:inset 0 1px #fff}:root[data-appearance=light] .tool-btn:hover,:root[data-appearance=light] .button:hover,:root[data-appearance=light] .transport-row-small .transport-btn:hover,:root[data-appearance=light] .center-cross:hover,:root[data-appearance=light] .wide-control:hover{background:linear-gradient(#fff,#d2d2d2);color:#000}:root[data-appearance=light] .lib-tree{background:linear-gradient(#e8e8e8,#cecece);border-color:#aaa}:root[data-appearance=light] .lib-tree>button,:root[data-appearance=light] .tree-children button{color:#4d555d}:root[data-appearance=light] .lib-tree>button:hover,:root[data-appearance=light] .tree-children button:hover{background:#c8c8c8;color:#111}:root[data-appearance=light] .tree-children button.selected{background:rgba(var(--user-accent-rgb),.17)!important;color:#202124!important}:root[data-appearance=light] .search,:root[data-appearance=light] .youtube,:root[data-appearance=light] .new-cat input,:root[data-appearance=light] .search input,:root[data-appearance=light] .youtube input,:root[data-appearance=light] .samples-head input,:root[data-appearance=light] .user-create input,:root[data-appearance=light] .track-row select,:root[data-appearance=light] .samples-head select,:root[data-appearance=light] .user-create select,:root[data-appearance=light] .account-edit input{border-color:#aaa;background:#f7f7f7!important;color:#202124}:root[data-appearance=light] .track-table{border-color:#aaa;background:#e7e7e7}:root[data-appearance=light] .track-head-row{background:#d0d0d0;border-color:#999;color:#333}:root[data-appearance=light] .track-head-row>span{border-color:#aaa}:root[data-appearance=light] .track-row{background:#f3f3f3;border-color:#c2c2c2;color:#202124}:root[data-appearance=light] .track-row:nth-child(2n){background:#dedede}:root[data-appearance=light] .track-row:hover{background:#c9c9c9}:root[data-appearance=light] .track-main b{color:#111}:root[data-appearance=light] .track-main span,:root[data-appearance=light] .track-meta,:root[data-appearance=light] .track-index{color:#59616a}:root[data-appearance=light] .sample-row{background:#e4e4e4!important;border-color:#aaa;color:#202124}:root[data-appearance=light] .queue-items>div,:root[data-appearance=light] .queue-item{background:#e3e3e3!important;border-color:#aaa!important;color:#202124}:root[data-appearance=light] .queue-item.is-next{background:linear-gradient(90deg,#d0d0d0,#ededed)!important}:root[data-appearance=light] .queue-track b{color:#202124}:root[data-appearance=light] .queue-position,:root[data-appearance=light] .queue-count{background:#c9c9c9;border-color:#999;color:#222}:root[data-appearance=light] .hardware-mixer,:root[data-appearance=light] .hardware-center,:root[data-appearance=light] .hardware-channel,:root[data-appearance=light] .hardware-center-channel,:root[data-appearance=light] .deck-loop-panel,:root[data-appearance=light] .deck-loop-mode{border-color:#9d9d9d;background:linear-gradient(#ececec,#c7c7c7);color:#202124}:root[data-appearance=light] .hardware-channel-name,:root[data-appearance=light] .deck-loop-title,:root[data-appearance=light] .deck-loop-panel>small{color:#42484e}:root[data-appearance=light] .rotary-knob{background:radial-gradient(circle at 42% 35%,#f7f7f7,#8d8d8d 72%);border-color:#777}:root[data-appearance=light] .hardware-channel-fader,:root[data-appearance=light] .hardware-crossfader{color:#222}:root[data-appearance=light] .hardware-channel-fader:after{background:repeating-linear-gradient(180deg,#777 0 1px,transparent 1px 14px)}:root[data-appearance=light] .hardware-crossfader:after{background:repeating-linear-gradient(90deg,#777 0 1px,transparent 1px 14px)}:root[data-appearance=light] .deck-loop-gauge{background:#aaa}:root[data-appearance=light] .sample-pad{background:linear-gradient(#eee,#c7c7c7);border-color:#aaa;color:#4a4a4a}:root[data-appearance=light] .sample-pad.loaded{color:#202124}:root[data-appearance=light] .deck-timebar b,:root[data-appearance=light] .deck-identity strong,:root[data-appearance=light] .module-head>b,:root[data-appearance=light] .mixer-slider b{color:#202124}:root[data-appearance=light] .deck-timebar span,:root[data-appearance=light] .module-head small,:root[data-appearance=light] .switch-line,:root[data-appearance=light] .mixer-slider>span,:root[data-appearance=light] .monitor-info{color:#555d65}:root[data-appearance=light] .deck-wave-panel,:root[data-appearance=light] .wave,:root[data-appearance=light] .master-waveform-canvas-wrap,:root[data-appearance=light] .master-waveform-help,:root[data-appearance=light] .hardware-vu,:root[data-appearance=light] .gain-meter,:root[data-appearance=light] .deck-level-meter,:root[data-appearance=light] .deck-level-segments,:root[data-appearance=light] .header-master-meter,:root[data-appearance=light] .meter{background:#030405;border-color:#30343a;color:#dfe5ea}:root[data-appearance=light] .settings-dialog-head>button,:root[data-appearance=light] .theme-choice button,:root[data-appearance=light] .settings-reset{background:linear-gradient(#fafafa,#ccc);border-color:#999;color:#333}:root[data-appearance=light] .settings-tabs button{color:#555}:root[data-appearance=light] .settings-tabs button:hover{background:#c7c7c7;color:#111}:root[data-appearance=light] .settings-field>span:first-child small,:root[data-appearance=light] .settings-section-title small{color:#666}:root[data-appearance=light] .collab-modal-backdrop{background:#23272b7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}:root[data-appearance=light] .collab-modal{border-color:#9aa0a6;background:linear-gradient(180deg,#f6f6f6,#dedede);color:#202124;box-shadow:0 25px 80px #0006,inset 0 1px #fff}:root[data-appearance=light] .collab-modal-head,:root[data-appearance=light] .existing-shares,:root[data-appearance=light] .existing-shares>div,:root[data-appearance=light] .share-track-picker label{border-color:#b5b8bb}:root[data-appearance=light] .collab-modal-head span small,:root[data-appearance=light] .collab-user-results small,:root[data-appearance=light] .existing-shares span small{color:#5d656c}:root[data-appearance=light] .collab-modal-head>button{border:1px solid #a0a4a8;background:linear-gradient(#fafafa,#cfcfcf);color:#363b40}:root[data-appearance=light] .collab-modal>label{color:#444b51}:root[data-appearance=light] .collab-modal>label>input{border-color:#9ca1a5;background:#fff;color:#202124}:root[data-appearance=light] .collab-user-results,:root[data-appearance=light] .share-scope,:root[data-appearance=light] .share-track-picker{border-color:#a9adb1;background:#ececec;color:#202124}:root[data-appearance=light] .collab-user-results>button{border-color:#b8bbbe;background:#f3f3f3;color:#202124}:root[data-appearance=light] .collab-user-results>button:hover{background:#ddd}:root[data-appearance=light] .collab-user-results>button.selected{background:rgba(var(--user-accent-rgb),.18);box-shadow:inset 3px 0 var(--user-accent)}:root[data-appearance=light] .share-scope input,:root[data-appearance=light] .share-track-picker input{accent-color:var(--user-accent)}:root[data-appearance=light] .collab-modal-actions button{border-color:#999fa4;background:linear-gradient(#f8f8f8,#c9c9c9);color:#30353a}:root[data-appearance=light] .collab-modal .primary-action{border-color:var(--user-accent);background:rgba(var(--user-accent-rgb),.2);color:#202124}:root[data-appearance=light] .existing-shares button{color:#a33d50}:root[data-appearance=light] .dj-header .header-live{border-color:#969da3;background:linear-gradient(180deg,#f7f7f7,#d1d4d6);box-shadow:inset 0 1px #fff,0 1px 3px #0002}:root[data-appearance=light] .dj-header .header-live-copy strong{color:#24292e}:root[data-appearance=light] .dj-header .header-live-copy>small:not(.header-live-stats){color:#5e666d}:root[data-appearance=light] .dj-header .header-live.is-live{background:linear-gradient(#fff1f3,#e4cfd3);border-color:#b9828d}:root[data-appearance=light] .dj-header .header-live-copy-button{background:linear-gradient(#f8f8f8,#c8c8c8);border-color:#92989e;color:#252a2f}:root[data-appearance=light] .dj-header .header-live-url{background:#fff;border-color:#92989e;color:#155d7c}:root[data-appearance=light] .mixer-tabs{border-color:#aaa}:root[data-appearance=light] .mixer-tabs button{border-color:#969da3;background:linear-gradient(#f4f4f4,#c9cccf);color:#3f474e;box-shadow:inset 0 1px #fff}:root[data-appearance=light] .mixer-tabs button:hover{border-color:#737a80;background:linear-gradient(#fff,#d6d8da);color:#111}:root[data-appearance=light] .mixer-tabs button.active{border-color:var(--user-accent);background:rgba(var(--user-accent-rgb),.2);color:#202124;box-shadow:inset 0 0 9px rgba(var(--user-accent-rgb),.2)}:root[data-appearance=light] .hardware-bottom-row,:root[data-appearance=light] .persistent-crossfader,:root[data-appearance=light] .hardware-crossfader{border-color:#999;background:linear-gradient(#eee,#c7c7c7);color:#202124;box-shadow:inset 0 1px #fff}:root[data-appearance=light] .hardware-crossfader>span{color:#444b51}:root[data-appearance=light] .hardware-crossfader input::-webkit-slider-runnable-track{border-color:#777;background:#aeb3b7;box-shadow:inset 0 1px 2px #0004}:root[data-appearance=light] .hardware-crossfader input::-moz-range-track{border-color:#777;background:#aeb3b7;box-shadow:inset 0 1px 2px #0004}:root[data-appearance=light] .hardware-crossfader input::-webkit-slider-thumb{border-color:#666;background:linear-gradient(90deg,#dedede 0,#dedede 25%,#777 26%,#777 40%,#f5f5f5 41%,#f5f5f5 59%,#777 60%,#777 74%,#dedede 75%);box-shadow:0 1px 3px #0005,0 0 0 1px #aaa}:root[data-appearance=light] .hardware-crossfader input::-moz-range-thumb{border-color:#666;background:linear-gradient(90deg,#dedede 0,#dedede 25%,#777 26%,#777 40%,#f5f5f5 41%,#f5f5f5 59%,#777 60%,#777 74%,#dedede 75%);box-shadow:0 1px 3px #0005,0 0 0 1px #aaa}:root[data-appearance=light] .master-waveform-pro{background:#e1e1e1;border-color:#999}:root[data-appearance=light] .master-waveform-toolbar{background:linear-gradient(#f8f8f8,#d0d0d0);border-color:#999}:root[data-appearance=light] .master-waveform-title b{color:#202124}:root[data-appearance=light] .master-waveform-title span,:root[data-appearance=light] .wave-zoom-value{color:#555d64}:root[data-appearance=light] .wave-bpm,:root[data-appearance=light] .wave-delta,:root[data-appearance=light] .wave-action,:root[data-appearance=light] .wave-icon-action{background:linear-gradient(#fafafa,#c9ccce);border-color:#989da1;color:#32383d}:root[data-appearance=light] .wave-action:hover,:root[data-appearance=light] .wave-icon-action:hover{background:#fff;color:#111}:root[data-appearance=light] .master-waveform-canvas-wrap{background:#e1e1e1;border-color:#999}:root[data-appearance=light] .master-waveform-help{background:#d2d2d2;border-color:#aaa;color:#4e555b}:root[data-appearance=light] .wave-playhead-label,:root[data-appearance=light] .wave-time-label{background:#f5f5f5dc;border-color:#888;color:#202124}:root[data-appearance=light] .brand-image{background-image:url(/faaabdjlivelogoclair.png);filter:drop-shadow(0 0 6px #0000001f)}:root[data-appearance=dark] .brand-image{background-image:url(/faaabdjlivelogo.png)}:root[data-appearance=light] .deck-wave-panel{border-color:#92999f;background:#d3d5d7;box-shadow:inset 0 0 14px #0002}:root[data-appearance=light] .deck-wave-panel .wave{border-color:#858c92;background:#e5e5e5}:root[data-appearance=light] .deck-timebar{background:linear-gradient(#ededed,#d1d1d1);border-color:#aaa}:root[data-appearance=light] .deck-time-progress{background:#9ca2a7}:root[data-appearance=light] .jog-wheel{border-color:#777d82;background:repeating-radial-gradient(circle at 50%,#dedede 0,#dedede 5px,#aeb2b5 6px,#aeb2b5 9px);box-shadow:inset 0 0 0 8px #c7c9cb,inset 0 0 0 10px rgba(var(--deck-rgb),.24),inset 0 0 26px #0004,0 6px 15px #0004}:root[data-appearance=light] .jog-wheel:before{border-color:#747a80}:root[data-appearance=light] .jog-rings{background:#cfd1d3;box-shadow:0 0 10px rgba(var(--deck-rgb),.24),inset 0 0 10px #fff8}:root[data-appearance=light] .jog-center{background:#e9e9e9;color:#202124;border:1px solid #777}:root[data-appearance=light] .jog-wheel small{color:#3f474e}:root[data-appearance=light] .panel-resizer-x,:root[data-appearance=light] .panel-resizer-y,:root[data-appearance=light] .panel-resizer-master{border-color:#8d9398;background:linear-gradient(#e9e9e9,#bfc2c4);box-shadow:inset 0 1px #fff}:root[data-appearance=light] .panel-resizer-x:before,:root[data-appearance=light] .panel-resizer-y:before,:root[data-appearance=light] .panel-resizer-master:before{background:#747a7f}:root[data-appearance=light] .panel-resizer-x:hover,:root[data-appearance=light] .panel-resizer-y:hover,:root[data-appearance=light] .panel-resizer-master:hover{background:linear-gradient(#fff,#cfd1d3)}:root[data-appearance=light] *{scrollbar-color:#9da2a6 #e4e4e4}:root[data-appearance=light] *::-webkit-scrollbar-track{background:linear-gradient(180deg,#ededed,#d5d5d5)}:root[data-appearance=light] *::-webkit-scrollbar-thumb{border:1px solid #8e9499;background:linear-gradient(180deg,#bfc3c6,#969ca1);box-shadow:inset 0 1px #fff8}:root[data-appearance=light] *::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#aeb3b7,#7f858a)}:root[data-appearance=light] *::-webkit-scrollbar-corner{background:#d5d5d5}:root[data-appearance=light] .hardware-channel-name{border-color:#969ca1;background:linear-gradient(#e7e7e7,#c2c5c7);box-shadow:inset 0 1px #fff;text-shadow:none}:root[data-appearance=light] .library-zoom-controls button{border-color:#92989d;background:linear-gradient(#f7f7f7,#c7cacc);color:#252a2e;box-shadow:inset 0 1px #fff}:root[data-appearance=light] .library-zoom-controls button:hover:not(:disabled){border-color:var(--user-accent);background:rgba(var(--user-accent-rgb),.16);color:var(--user-accent)}:root[data-appearance=light] .library-zoom-controls span{color:#4f575e}:root[data-appearance=light] .hardware-cue{border-color:#858b90;background:linear-gradient(#f6f6f6,#bfc3c6);color:#252a2f;box-shadow:inset 0 1px #fff,0 1px 2px #0003}:root[data-appearance=light] .hardware-cue:hover:not(:disabled){background:linear-gradient(#fff,#d1d4d6);border-color:#666d73}:root[data-appearance=light] .hardware-cue.on{border-color:var(--channel-color);color:#202124;background:color-mix(in srgb,var(--channel-color) 18%,#f0f0f0)}:root[data-appearance=light] .hardware-master{border-left:1px solid #aaa;border-right:1px solid #aaa;background:linear-gradient(90deg,#d4d6d8,#eee 50%,#d4d6d8);box-shadow:inset 0 1px #fff}:root[data-appearance=light] .hardware-master>span{color:#343a40}:root[data-appearance=light] .hardware-vu{border-color:#777e84;background:#c8cbcd;box-shadow:inset 0 0 5px #0003,0 0 0 1px #fff8}:root[data-appearance=light] .hardware-vu i{background:#82918a}:root[data-appearance=light] .hardware-vu .vu-b i{background:#9a858b}:root[data-appearance=light] .load-btn.a,:root[data-appearance=light] .queue-add-a{border-color:#168ebc!important;background:linear-gradient(#f4fbfe,#c5e7f3)!important;color:#086b91!important;box-shadow:inset 0 1px #fff!important}:root[data-appearance=light] .load-btn.b,:root[data-appearance=light] .queue-add-b{border-color:#c33d61!important;background:linear-gradient(#fff7f9,#f0cbd5)!important;color:#9f2347!important;box-shadow:inset 0 1px #fff!important}:root[data-appearance=light] .load-btn.a:hover,:root[data-appearance=light] .queue-add-a:hover{background:#d8f2fb!important;box-shadow:0 0 7px #2bbcff55!important}:root[data-appearance=light] .load-btn.b:hover,:root[data-appearance=light] .queue-add-b:hover{background:#f7dce3!important;box-shadow:0 0 7px #ff4d7355!important}.account-page{width:100%;max-width:1920px;padding:8px 10px 18px}@media(max-width:820px){.account-page{padding:6px}}:root[data-appearance=light] .header-master-meter{border-left-color:#9ca1a5;border-right-color:#9ca1a5;background:linear-gradient(180deg,#f5f5f5,#c9ccce);color:#202124;box-shadow:inset 0 1px #fff,0 2px 5px #0002}:root[data-appearance=light] .dj-header .header-master-meter>span{color:#41484e;text-shadow:0 1px #fff}:root[data-appearance=light] .header-master-meter>div{padding:1px 2px;border:1px solid #969ca0;border-radius:2px;background:#bfc3c5;box-shadow:inset 0 1px 2px #0003}:root[data-appearance=light] .header-master-meter i.green{background:#82968b}:root[data-appearance=light] .header-master-meter i.orange{background:#a18e68}:root[data-appearance=light] .header-master-meter i.red{background:#9e747b}:root{--interface-scale:1}:root[data-font=inter]{font-family:Inter,Segoe UI,Arial,sans-serif!important}:root[data-font=system]{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}:root[data-font=verdana]{font-family:Verdana,Geneva,Tahoma,sans-serif!important}:root[data-font=bahnschrift]{font-family:Bahnschrift,Segoe UI,Tahoma,sans-serif!important}body{zoom:var(--interface-scale);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.settings-select{min-width:190px;height:31px;padding:0 9px;border:1px solid #414141;border-radius:3px;background:#111;color:#d8d8d8;font-size:8px;outline:none}.settings-select:focus{border-color:var(--user-accent);box-shadow:0 0 0 2px rgba(var(--user-accent-rgb),.15)}:root[data-appearance=light] .settings-select{border-color:#9ba0a4;background:#f4f4f4;color:#252a2e;box-shadow:inset 0 1px 2px #0002}@media(max-width:650px){.settings-select{width:100%;min-width:0}}:root[data-appearance=light] .track-context-menu,:root[data-appearance=light] .context-submenu,:root[data-appearance=light] .deck-loop-menu{border-color:#8f9498;background:#e8e8e8;color:#202124;box-shadow:3px 4px 10px #0004,inset 0 1px #fff}:root[data-appearance=light] .track-context-menu>button,:root[data-appearance=light] .context-submenu-trigger>button,:root[data-appearance=light] .context-submenu>button,:root[data-appearance=light] .deck-loop-menu>button{background:#e8e8e8;color:#202124}:root[data-appearance=light] .track-context-menu button:hover,:root[data-appearance=light] .context-submenu-trigger:hover>button,:root[data-appearance=light] .context-submenu-trigger:focus-within>button,:root[data-appearance=light] .context-submenu>button:hover,:root[data-appearance=light] .category-custom-color:hover,:root[data-appearance=light] .deck-loop-menu>button:hover{background:color-mix(in srgb,var(--user-accent) 24%,#dfe2e4);color:#101214}:root[data-appearance=light] .context-separator{background:#aeb2b5}:root[data-appearance=light] .context-arrow{border-left-color:#444b51}:root[data-appearance=light] .category-custom-color{color:#202124}:root[data-appearance=light] .fx-context-title{border-color:#aeb2b5}:root[data-appearance=light] .fx-context-title small{color:#60686f}:root[data-appearance=light] .fx-context-menu>button>i{border-color:#737a80;background:#c9ccce;box-shadow:inset 0 0 2px #0003}:root[data-appearance=light] .fx-context-menu>button.selected{background:color-mix(in srgb,var(--user-accent) 28%,#e5e5e5);color:#15181a}:root[data-appearance=light] .track-context-menu .context-danger{color:#81283a}:root[data-appearance=light] .track-context-menu .context-danger:hover{background:#e6b9c2;color:#641426}.dj-library{grid-template-columns:calc(230px * var(--library-zoom,1)) minmax(0,1fr)!important}.dj-library .lib-tree{overflow:hidden}.dj-library .library-brand{min-width:0}.dj-library .library-brand>div:not(.library-zoom-controls){min-width:0;overflow:hidden}.dj-library .library-brand b,.dj-library .library-brand small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-library .library-zoom-controls{flex:0 0 auto}@media(max-width:820px){.dj-library{grid-template-columns:1fr!important}}.account-page{height:calc(100vh - 50px);min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable}@media(max-width:820px){.account-page{height:calc(100vh - 44px)}}.account-history-pagination{min-height:38px;padding:5px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #303943;background:#0b1015;color:#7f8b96;font-size:8px}.account-history-pagination>div{display:flex;align-items:center;gap:7px}.account-history-pagination b{min-width:88px;text-align:center;color:#cbd4dc;font:700 8px ui-monospace,monospace;letter-spacing:.07em}.account-history-pagination button{width:28px;height:27px;padding:0;display:grid;place-items:center;border-radius:4px}.account-history-pagination button svg{width:13px;height:13px}:root[data-appearance=light] .account-history-pagination{border-color:#a7abad;background:linear-gradient(#ededed,#d0d2d4);color:#555d64;box-shadow:inset 0 1px #fff}:root[data-appearance=light] .account-history-pagination b{color:#282d31}@media(max-width:560px){.account-history-pagination{align-items:stretch;flex-direction:column}.account-history-pagination>div{justify-content:space-between}}:root[data-appearance=dark]{color-scheme:dark}:root[data-appearance=dark] .mixer-tabs{border-color:#363636;background:#080808}:root[data-appearance=dark] .mixer-tabs button{border-color:#424242;background:linear-gradient(180deg,#242424,#111);color:#a4a4a4;box-shadow:inset 0 1px #ffffff0a}:root[data-appearance=dark] .mixer-tabs button:hover{border-color:#626262;background:linear-gradient(#2e2e2e,#171717);color:#eee}:root[data-appearance=dark] .mixer-tabs button.active{border-color:var(--user-accent);background:color-mix(in srgb,var(--user-accent) 18%,#101010);color:color-mix(in srgb,var(--user-accent) 65%,#fff);box-shadow:inset 0 0 12px rgba(var(--user-accent-rgb),.16)}:root[data-appearance=dark] .hardware-bottom-row,:root[data-appearance=dark] .persistent-crossfader,:root[data-appearance=dark] .hardware-crossfader{border-color:#3d3d3d;background:linear-gradient(180deg,#1b1b1b,#090909);color:#d4d4d4;box-shadow:inset 0 1px #ffffff09}:root[data-appearance=dark] .hardware-crossfader>span{color:#909090}:root[data-appearance=dark] .hardware-channel-fader:after,:root[data-appearance=dark] .hardware-crossfader:after{background:repeating-linear-gradient(180deg,#5e5e5e 0 1px,transparent 1px 14px)}:root[data-appearance=dark] .hardware-crossfader:after{background:repeating-linear-gradient(90deg,#5e5e5e 0 1px,transparent 1px 14px)}:root[data-appearance=dark] .hardware-crossfader input::-webkit-slider-runnable-track{border-color:#363636;background:linear-gradient(to right,#080808 0 var(--cross-start),#626a70 var(--cross-start) var(--cross-end),#080808 var(--cross-end) 100%);box-shadow:inset 0 1px 2px #000,0 1px #404040}:root[data-appearance=dark] .hardware-crossfader input::-moz-range-track{border-color:#363636;background:linear-gradient(to right,#080808 0 var(--cross-start),#626a70 var(--cross-start) var(--cross-end),#080808 var(--cross-end) 100%);box-shadow:inset 0 1px 2px #000,0 1px #404040}:root[data-appearance=dark] .hardware-crossfader input::-webkit-slider-thumb{border-color:#080808;background:linear-gradient(90deg,#151515 0,#151515 24%,#666 25%,#666 39%,#0a0a0a 40%,#0a0a0a 60%,#666 61%,#666 75%,#151515 76%);box-shadow:0 2px 4px #000,0 0 0 1px #555}:root[data-appearance=dark] .hardware-crossfader input::-moz-range-thumb{border-color:#080808;background:linear-gradient(90deg,#151515 0,#151515 24%,#666 25%,#666 39%,#0a0a0a 40%,#0a0a0a 60%,#666 61%,#666 75%,#151515 76%);box-shadow:0 2px 4px #000,0 0 0 1px #555}@media(min-width:1181px){:root[data-appearance=dark] *{scrollbar-color:#424242 #080808}:root[data-appearance=dark] *::-webkit-scrollbar-track{background:#080808}:root[data-appearance=dark] *::-webkit-scrollbar-thumb{border:1px solid #555;background:linear-gradient(#4a4a4a,#2b2b2b)}:root[data-appearance=dark] *::-webkit-scrollbar-thumb:hover{background:linear-gradient(#626262,#383838)}:root[data-appearance=dark] *::-webkit-scrollbar-corner{background:#080808}}.hardware-mixer .rotary-control>b{margin-top:4px;color:#e1e5e8;font-size:8px;font-weight:900;line-height:1.15;letter-spacing:.09em;text-shadow:0 1px 2px #000}.hardware-mixer .rotary-control>small{height:auto;min-height:9px;margin-top:1px;color:#a9b2ba;font-size:7px;font-weight:700;line-height:1.15}:root[data-appearance=light] .hardware-mixer .rotary-control>b{color:#25292d;text-shadow:0 1px #fff}:root[data-appearance=light] .hardware-mixer .rotary-control>small{color:#4f5961}:root[data-appearance=dark] .hardware-mixer .rotary-control>b{color:#e5e5e5}:root[data-appearance=dark] .hardware-mixer .rotary-control>small{color:#aaa}.dj-header .header-live-manage-button{width:28px;min-width:28px;height:28px;padding:0;display:grid;place-items:center;border:1px solid #555f69;border-radius:3px;background:linear-gradient(180deg,#29323b,#171d23);color:#dfe7ed}.dj-header .header-live-manage-button:hover:not(:disabled){border-color:#82909c;background:linear-gradient(180deg,#35414b,#202830);color:#fff}.dj-header .header-live-manage-button svg{width:13px;height:13px}.dj-header .header-live-stats{gap:9px!important}.dj-header .header-live-stats span{color:#f0dce0!important;font-size:8px!important;font-weight:900!important;text-shadow:0 1px 2px #000,0 0 6px #ff789044}.dj-header .header-live-stats .header-live-room{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dj-manager-modal{width:min(560px,100%)}.dj-manager-list{display:grid;gap:6px}.dj-manager-row{min-height:48px;display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:7px 9px;border:1px solid #30383f;background:#090d11}.dj-manager-row>svg{width:15px;color:#62d2ff}.dj-manager-row span b,.dj-manager-row span small{display:block}.dj-manager-row span b{font-size:9px;color:#e0e7ec}.dj-manager-row span small{margin-top:3px;color:#71808b;font-size:7px}.dj-manager-row em{padding:4px 6px;border:1px solid #3c4650;background:#141a20;color:#9daab4;font: 800 7px ui-monospace,monospace;letter-spacing:.08em}.dj-manager-row em.owner{border-color:#2bbcff66;color:#7edaff}.dj-manager-row .dj-remove{height:27px;display:flex;align-items:center;gap:4px;border:1px solid #713c47;background:#2b1419;color:#ff9bad;font-size:7px;font-weight:900}.dj-manager-row .dj-remove svg{width:11px}.dj-manager-empty{padding:22px;text-align:center;border:1px dashed #38424a;color:#7b8993;font-size:8px}.dj-manager-refresh{width:100%;height:32px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3b4650;background:linear-gradient(#202830,#10161b);color:#c5d0d8;font-size:8px;font-weight:900}.dj-manager-refresh svg{width:12px}:root[data-appearance=light] .dj-header .header-live-manage-button{border-color:#92989e;background:linear-gradient(#f8f8f8,#c8c8c8);color:#252a2f}:root[data-appearance=light] .dj-header .header-live-stats em{color:#202124;text-shadow:none}:root[data-appearance=light] .dj-header .header-live-stats span{border-color:#b9828d;color:#4b3036!important;text-shadow:none}:root[data-appearance=light] .dj-manager-row{border-color:#b5b9bc;background:#f4f4f4;color:#202124}:root[data-appearance=light] .dj-manager-row span b{color:#202124}:root[data-appearance=light] .dj-manager-row span small{color:#5e666d}:root[data-appearance=light] .dj-manager-row em{border-color:#a9adb1;background:#dedede;color:#41484e}:root[data-appearance=light] .dj-manager-row em.owner{border-color:var(--user-accent);background:rgba(var(--user-accent-rgb),.14);color:#202124}:root[data-appearance=light] .dj-manager-row .dj-remove{border-color:#b07883;background:#f1d9de;color:#842c3d}:root[data-appearance=light] .dj-manager-empty{border-color:#aaa;color:#5d656c}:root[data-appearance=light] .dj-manager-refresh{border-color:#999fa4;background:linear-gradient(#f8f8f8,#c9c9c9);color:#30353a}@media(max-width:720px){.dj-manager-row{grid-template-columns:22px minmax(0,1fr) auto}.dj-manager-row .dj-remove{grid-column:2/-1;justify-self:end}}:root[data-appearance=dark] .account-page{background:transparent;color:#ddd}:root[data-appearance=dark] .account-page .page-title{border-color:#3d3d3d;background:linear-gradient(180deg,#181818,#090909);box-shadow:inset 0 1px #ffffff0a,0 6px 20px #0008}:root[data-appearance=dark] .account-page .page-title{background:transparent;box-shadow:none}:root[data-appearance=dark] .account-page .account-hero,:root[data-appearance=dark] .account-page .account-stats>div,:root[data-appearance=dark] .account-history{border-color:#3d3d3d;background:linear-gradient(155deg,#1b1b1b,#0d0d0d 62%,#070707);box-shadow:inset 0 1px #ffffff0b,0 10px 28px #0008}:root[data-appearance=dark] .account-page .account-hero{background:radial-gradient(circle at 8% 20%,#ffffff08,transparent 25%),linear-gradient(145deg,#1c1c1c,#0e0e0e 58%,#070707)}:root[data-appearance=dark] .account-history-table{border-color:#363636;background:#080808}:root[data-appearance=dark] .account-history-labels{border-color:#3b3b3b;background:#202020;color:#929292}:root[data-appearance=dark] .account-history-row{border-color:#303030;background:#101010;color:#c8c8c8}:root[data-appearance=dark] .account-history-row:nth-child(odd):not(.account-history-labels){background:#151515}:root[data-appearance=dark] .account-history-row:hover:not(.account-history-labels){background:#202020}:root[data-appearance=dark] .account-history-head{border-color:#383838}:root[data-appearance=dark] .account-page button{border-color:#4a4a4a;background:linear-gradient(#292929,#151515);color:#ddd}:root[data-appearance=dark] .account-page .account-meta>span{border-color:#505050;background:#202020;color:#c9c9c9}:root[data-appearance=dark] .account-page::-webkit-scrollbar-track{background:#080808}:root[data-appearance=dark] .account-page::-webkit-scrollbar-thumb{border-color:#080808;background:#444}.settings-live-section{display:grid;gap:14px}.settings-live-card{min-height:108px;padding:16px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid #303943;border-radius:10px;background:linear-gradient(145deg,#121920,#090d11);box-shadow:inset 0 1px #ffffff08}.settings-live-icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(var(--user-accent-rgb),.42);border-radius:10px;background:rgba(var(--user-accent-rgb),.1);color:var(--user-accent)}.settings-live-icon svg{width:20px}.settings-live-card>span:nth-child(2){display:grid;gap:5px}.settings-live-card>span:nth-child(2)>b{color:#dce4eb;font-size:10px;letter-spacing:.06em}.settings-live-card>span:nth-child(2)>small{max-width:480px;color:#7d8994;font-size:8px;line-height:1.5}.settings-live-card>button{height:36px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid rgba(var(--user-accent-rgb),.52);border-radius:7px;background:rgba(var(--user-accent-rgb),.13);color:#a9e6ff;font-size:8px;font-weight:900}.settings-live-card>button svg{width:14px}:root[data-appearance=light] .settings-live-card{border-color:#bcc3c8;background:linear-gradient(145deg,#fff,#e9ecef);box-shadow:inset 0 1px #fff,0 5px 16px #00000012}:root[data-appearance=light] .settings-live-card>span:nth-child(2)>b{color:#20252a}:root[data-appearance=light] .settings-live-card>span:nth-child(2)>small{color:#626c74}:root[data-appearance=light] .settings-live-card>button{border-color:#6ea3ba;background:#dceff7;color:#155d7c}@media(max-width:650px){.settings-live-card{grid-template-columns:42px minmax(0,1fr)}.settings-live-card>button{grid-column:1/-1;justify-content:center}}.settings-help-section{display:grid;gap:14px}.tutorial-intro{padding:14px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:14px;border:1px solid #3a3d40;border-radius:10px;background:#151719;box-shadow:inset 0 1px #ffffff08}.tutorial-intro>span:last-child{display:grid;gap:5px}.tutorial-intro b{color:#f0f1f2;font-size:12px;letter-spacing:.06em}.tutorial-intro small{color:#c1c4c7;font-size:11px;line-height:1.6}.tutorial-intro .settings-help-icon{border-color:#5a5e62;background:#25282b;color:#f0f1f2}.tutorial-steps{margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:8px;counter-reset:tutorial-step;list-style:none}.tutorial-steps li{position:relative;min-height:0;padding:14px 16px 14px 54px;border:1px solid #34373a;border-radius:8px;background:#111315;counter-increment:tutorial-step}.tutorial-steps li:before{content:counter(tutorial-step);position:absolute;left:14px;top:14px;width:26px;height:26px;display:grid;place-items:center;border:1px solid #62676b;border-radius:50%;background:#25282b;color:#f0f1f2;font:900 10px ui-monospace,monospace}.tutorial-steps li>b{display:block;margin:2px 0 7px;color:#f0f1f2;font-size:11px;letter-spacing:.07em}.tutorial-steps p,.tutorial-tips p{margin:0;color:#c1c4c7;font-size:11px;line-height:1.65}.tutorial-steps strong{color:#f2f3f4;font-weight:900}.tutorial-tips{padding:13px 15px;border:1px solid #3b3e41;border-radius:8px;background:#181a1c}.tutorial-tips>b{display:block;margin-bottom:6px;color:#f0f1f2;font-size:11px;letter-spacing:.08em}.settings-help-card{min-height:150px;padding:20px;display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:16px;border:1px solid #303943;border-radius:10px;background:linear-gradient(145deg,#121920,#090d11);box-shadow:inset 0 1px #ffffff08}.settings-help-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(var(--user-accent-rgb),.42);border-radius:12px;background:rgba(var(--user-accent-rgb),.1);color:var(--user-accent)}.settings-help-icon svg{width:24px}.settings-help-card>span:nth-child(2){display:grid;gap:6px}.settings-help-card>span:nth-child(2)>b{color:#dce4eb;font-size:11px;letter-spacing:.08em}.settings-help-card>span:nth-child(2)>small{max-width:520px;color:#8b98a3;font-size:9px;line-height:1.55}.settings-help-card code{width:max-content;padding:4px 7px;border:1px solid #2e3942;border-radius:5px;background:#080c0f;color:#a9e6ff;font-size:9px}.settings-help-card>a{grid-column:1/-1;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(var(--user-accent-rgb),.55);border-radius:7px;background:rgba(var(--user-accent-rgb),.14);color:#a9e6ff;text-decoration:none;font-size:9px;font-weight:900;letter-spacing:.06em}.settings-help-card>a:hover{background:rgba(var(--user-accent-rgb),.23);color:#d9f5ff}.settings-help-card>a svg{width:15px}:root[data-appearance=light] .settings-help-card{border-color:#bcc3c8;background:linear-gradient(145deg,#fff,#e9ecef);box-shadow:inset 0 1px #fff,0 5px 16px #00000012}:root[data-appearance=light] .tutorial-intro,:root[data-appearance=light] .tutorial-steps li{border-color:#bcc3c8;background:#f4f5f6;box-shadow:inset 0 1px #fff}:root[data-appearance=light] .tutorial-intro b,:root[data-appearance=light] .tutorial-steps li>b{color:#20252a}:root[data-appearance=light] .tutorial-intro small,:root[data-appearance=light] .tutorial-steps p,:root[data-appearance=light] .tutorial-tips p{color:#626c74}:root[data-appearance=light] .tutorial-intro .settings-help-icon,:root[data-appearance=light] .tutorial-steps li:before{border-color:#8b9094;background:#dde0e2;color:#20252a}:root[data-appearance=light] .tutorial-steps strong{color:#20252a}:root[data-appearance=light] .tutorial-tips{border-color:#bcc3c8;background:#e7e9ea}:root[data-appearance=light] .tutorial-tips>b{color:#20252a}:root[data-appearance=light] .settings-help-card>span:nth-child(2)>b{color:#20252a}:root[data-appearance=light] .settings-help-card>span:nth-child(2)>small{color:#626c74}:root[data-appearance=light] .settings-help-card code{border-color:#b6c2c8;background:#edf4f7;color:#155d7c}:root[data-appearance=light] .settings-help-card>a{border-color:#6ea3ba;background:#dceff7;color:#155d7c}@media(max-width:650px){.tutorial-steps{grid-template-columns:1fr}.tutorial-intro{grid-template-columns:42px minmax(0,1fr);padding:12px}.settings-help-card{grid-template-columns:42px minmax(0,1fr);padding:15px}.settings-help-icon{width:42px;height:42px}.settings-tabs{overflow-x:auto}.settings-tabs button{min-width:72px}}.dj-header .header-clock{min-width:58px;font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.04em}:root[data-appearance=light] .dj-header .account-chip b{color:#111820!important;font-size:9px;font-weight:900;text-shadow:0 1px #fff}:root[data-appearance=light] .dj-header .account-chip small{color:#19744f;font-size:6px;font-weight:900;text-shadow:none}:root[data-appearance=light] .dj-header .header-clock{color:#124f69!important;font-weight:900;text-shadow:0 1px #fff}:root[data-appearance=dark] body :where(.app-header button:not(.active):not(.header-live-button):not(.logout-btn):not(.header-monitor-btn):not(.dj-brand),.header-live-copy-button,.tool-btn,.button,.library-zoom-controls button,.youtube button,.samples-head button,.queue-collapse,.queue-clear,.compact-volume button,.monitor-mode-switch button:not(.active),.mixer-tabs button:not(.active),.transport-row-small .transport-btn:not(.on),.sample-pad:not(.active),.deck-loop-length button:not(.set),.deck-loop-points button:not(.set),.hardware-cue:not(.on),.hardware-fx-buttons button:not(.on),.hardware-fx-menu-button:not(.on),.hardware-filter-menu,.wave-action,.wave-icon-action:not(.on),.settings-dialog-head>button,.theme-choice button:not(.active),.settings-reset,.legal-back){border-color:var(--app-control-line)!important;background:var(--app-control)!important;background-image:none!important;color:#eef0f2}:root[data-appearance=dark] body :where(.app-header button:not(.active):not(.header-live-button):not(.logout-btn):not(.header-monitor-btn):not(.dj-brand),.header-live-copy-button,.tool-btn,.button,.library-zoom-controls button,.youtube button,.samples-head button,.queue-collapse,.queue-clear,.compact-volume button,.monitor-mode-switch button:not(.active),.mixer-tabs button:not(.active),.transport-row-small .transport-btn:not(.on),.sample-pad:not(.active),.deck-loop-length button:not(.set),.deck-loop-points button:not(.set),.hardware-cue:not(.on),.hardware-fx-buttons button:not(.on),.hardware-fx-menu-button:not(.on),.hardware-filter-menu,.wave-action,.wave-icon-action:not(.on),.settings-dialog-head>button,.theme-choice button:not(.active),.settings-reset,.legal-back):hover:not(:disabled){border-color:var(--app-secondary)!important;background:var(--app-control-hover)!important;background-image:none!important;color:#fff}:root[data-appearance=dark] body :where(input:not([type=range]):not([type=checkbox]):not([type=color]),select,textarea,.search,.youtube){border-color:#65676b!important;background:var(--app-input)!important;background-image:none!important;color:#f0f1f2!important}:root[data-appearance=dark] body :where(input:not([type=range]):not([type=checkbox]):not([type=color]),select,textarea)::placeholder{color:#929599!important}:root[data-appearance=dark] body .track-row:nth-child(2n),:root[data-appearance=dark] body .queue-item.is-next,:root[data-appearance=dark] body .sample-row:nth-child(2n){background:var(--app-well-alt)!important;background-image:none!important}:root[data-appearance=dark] body .track-row:hover,:root[data-appearance=dark] body .queue-item:hover,:root[data-appearance=dark] body .sample-row:hover{background:var(--app-secondary)!important;background-image:none!important}:root[data-appearance=dark] body .app-header .dj-brand{border:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}:root[data-appearance=dark] body :where(.deck-wave-panel,.master-waveform-canvas-wrap){border-color:var(--app-surface)!important;background:var(--app-secondary)!important;background-image:none!important;box-shadow:inset 0 0 0 1px #ffffff0a!important}:root[data-appearance=dark] body .master-waveform-canvas-wrap:before{box-shadow:inset 0 0 0 1px var(--app-surface)!important}:root[data-appearance=dark] body .jog-wheel{border-color:var(--app-secondary)!important;background:repeating-radial-gradient(circle at 50%,var(--app-secondary) 0 5px,var(--app-surface) 6px 9px)!important;box-shadow:inset 0 0 0 8px var(--app-surface),inset 0 0 0 10px rgba(var(--deck-rgb),.28),inset 0 0 24px var(--app-surface),0 7px 18px #0008!important}:root[data-appearance=dark] body .jog-wheel:before{border-color:var(--app-secondary)!important}:root[data-appearance=dark] body .jog-center{background:var(--app-surface)!important}.jog-wheel:after{content:"";position:absolute;z-index:1;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;pointer-events:none;background:conic-gradient(from 18deg,transparent 0 8%,rgba(var(--deck-rgb),.24) 8.4%,transparent 9.2% 42%,#ffffff13 42.4%,transparent 43.1% 78%,rgba(var(--deck-rgb),.15) 78.4%,transparent 79.2%);-webkit-mask:radial-gradient(circle,transparent 0 34%,#000 35% 76%,transparent 77%);mask:radial-gradient(circle,transparent 0 34%,#000 35% 76%,transparent 77%);opacity:.9}.jog-rings{z-index:2}.jog-rings:after{content:"";position:absolute;left:50%;top:-5px;width:5px;height:5px;border-radius:50%;background:var(--deck);box-shadow:0 0 7px var(--deck);transform:translate(-50%)}.jog-wheel small{z-index:4}.jog-wheel.spinning:after{animation:jog-vinyl-spin 2.4s linear infinite}.jog-wheel.spinning .jog-rings{animation:jog-vinyl-spin 2.4s linear infinite}@keyframes jog-vinyl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.jog-wheel.spinning:after,.jog-wheel.spinning .jog-rings{animation-duration:8s}}.hardware-mixer .rotary-knob,:root[data-appearance=dark] body .hardware-mixer .rotary-knob{width:34px;height:34px;border:2px solid #090a0b!important;background:#343638!important;background-image:none!important;box-shadow:0 0 0 1px #666a6d,inset 0 0 0 2px #242628!important}.hardware-mixer .rotary-knob:before{top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:.85;filter:none;background:conic-gradient(from 225deg,#202224 0 var(--knob-progress-start),var(--knob-accent) var(--knob-progress-start) var(--knob-progress-end),#202224 var(--knob-progress-end) 270deg,transparent 270deg 360deg);-webkit-mask:radial-gradient(farthest-side,transparent 90%,#000 92%);mask:radial-gradient(farthest-side,transparent 90%,#000 92%)}.hardware-mixer .rotary-knob i{top:3px;width:3px;height:11px;border-radius:2px;background:#b9bdc0;box-shadow:none;transform-origin:50% 13.5px}.hardware-mixer .rotary-control>b{color:#d5d7d9;font-size:7px;text-shadow:0 1px #000}.hardware-mixer .rotary-control>small{color:#8b8e91}:root[data-appearance=light] .hardware-mixer .rotary-knob{border-color:#5e6265!important;background:#c4c6c8!important;box-shadow:0 0 0 1px #8b8f92,inset 0 0 0 2px #dadcde!important}.dj-library .track-head-row,.dj-library .track-row{min-width:calc(1473px * var(--library-zoom,1))}.dj-library .track-head-row>span:nth-child(2){justify-content:center;padding-left:4px;text-align:center}.dj-library .track-head-row>span:nth-child(3){justify-content:flex-start;padding-left:8px;text-align:left}.dj-library .track-artwork{width:100%;height:100%;display:grid;place-items:center;overflow:hidden}.dj-library .track-artwork img{width:calc(24px * var(--library-zoom,1));height:calc(24px * var(--library-zoom,1));display:block;border:1px solid #4a4d50;border-radius:2px;background:#111;object-fit:cover}.dj-library .track-artwork svg{width:calc(13px * var(--library-zoom,1));color:#68727b}.dj-library .track-library-meta{min-width:0;padding:0 7px;overflow:hidden;color:#aeb5bb;font-size:calc(8px * var(--library-zoom,1));text-overflow:ellipsis;white-space:nowrap}:root[data-appearance=light] .dj-library .track-library-meta{color:#42484e}.dj-library .track-waveform-cell{width:100%;height:100%;padding:0 7px;display:flex;align-items:center;justify-content:center;overflow:hidden}.dj-library .track-waveform-preview{width:100%;height:18px;display:block;color:#747b81;fill:currentColor;opacity:.82}.dj-library .track-row:hover .track-waveform-preview{color:#a8b1b8;opacity:1}.dj-library .track-waveform-empty{color:#5e666d;font:8px ui-monospace,monospace}:root[data-appearance=light] .dj-library .track-waveform-preview{color:#62696f}.dj-library .lib-tree{padding:7px;background:linear-gradient(180deg,#202326 0,#151719 48%,#101214)!important;box-shadow:inset -1px 0 #000,inset -2px 0 #ffffff0a}.dj-library .library-brand{height:40px!important;margin:0 0 7px;padding:0 7px;border:1px solid #393d40;border-radius:3px;background:linear-gradient(180deg,#292d30,#191c1f);box-shadow:inset 0 1px #ffffff10,0 2px 5px #0005}.dj-library .library-brand>svg{color:#62d2ff;filter:drop-shadow(0 0 4px #2bbcff55)}.dj-library .library-brand b{color:#f1f3f4;letter-spacing:.15em}.dj-library .library-brand small{color:#8d969d}.dj-library .tree-section-head,.dj-library .lib-tree>button{margin-top:4px;border:1px solid #303437;border-radius:2px;background:linear-gradient(180deg,#24272a,#181a1d)!important;box-shadow:inset 0 1px #ffffff0b}.dj-library .tree-section-head>button,.dj-library .lib-tree>button{color:#bcc3c8;font-weight:800;letter-spacing:.08em}.dj-library .tree-section-head>button:hover,.dj-library .lib-tree>button:hover{background:#303438!important;color:#fff}.dj-library .tree-children{margin:3px 0 7px;padding:3px 0 4px 10px;border-left:1px solid #3c4247;background:transparent!important}.dj-library .tree-children>button,.dj-library .tree-playable-row,.dj-library .tree-category-row{min-height:25px;margin:1px 0;border-radius:2px}.dj-library .tree-children>button{border-left:2px solid transparent;color:#aab2b8}.dj-library .tree-playable-row>button:first-child{color:#aab2b8}.dj-library .tree-children>button.selected{border-color:#2bbcff!important;background:linear-gradient(90deg,#14415a,#24282b 72%)!important;color:#fff!important;box-shadow:inset 0 0 12px #2bbcff12}.dj-library .tree-category-row{border:0;background:transparent}.dj-library .tree-category-row+.tree-category-row{border-top:1px solid #ffffff05}.dj-library .tree-count,.dj-library .tree-children button>span:last-child{color:#cbd2d7;font-weight:800}@media(min-width:1181px){.dj-library .lib-main{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.dj-library .library-toolbar{grid-row:1}.dj-library .audio-import-progress,.dj-library .youtube-import-progress{grid-row:2}.dj-library .track-table{grid-row:3}.dj-library .samples-block{grid-row:4}}.library-action.is-importing{pointer-events:none;border-color:#2bbcff!important;color:#a9e7ff!important;background:#123247!important}.audio-import-progress{position:relative;min-height:45px;margin:0 0 6px;padding:7px 82px 8px 43px;display:flex;align-items:center;border:1px solid #3b4d59;border-radius:3px;background:linear-gradient(90deg,#14232c,#15191c 55%,#101214);overflow:hidden;box-shadow:inset 0 1px #ffffff0b}.dj-library.is-file-dragging{outline:2px solid #2bbcff;outline-offset:-2px;box-shadow:inset 0 0 35px #2bbcff20}.dj-library .lib-main{position:relative}.library-file-drop-hint{position:absolute;top:7px;right:7px;bottom:7px;left:7px;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #54cbff;border-radius:5px;background:#07131bea;color:#dff7ff;pointer-events:none;text-align:center}.library-file-drop-hint svg{width:28px;height:28px;color:#62d2ff}.library-file-drop-hint b{font-size:11px;letter-spacing:.12em}.library-file-drop-hint small{color:#91aebc;font-size:8px}.dj-library .lib-tree.is-folder-dragging{position:relative;outline:2px solid #7edaff;outline-offset:-2px}.library-category-drop-hint{position:absolute;top:5px;right:5px;bottom:5px;left:5px;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:2px dashed #62d2ff;border-radius:4px;background:#08151df2;color:#e0f7ff;pointer-events:none;text-align:center}.library-category-drop-hint svg{width:24px;height:24px;color:#62d2ff}.library-category-drop-hint b{font-size:9px;letter-spacing:.1em}.library-category-drop-hint small{max-width:150px;color:#91aebc;font-size:7px;line-height:1.4}.folder-import-modal{width:min(470px,calc(100vw - 24px))}.folder-import-modal-icon{width:34px;height:34px;display:grid!important;place-items:center;border:1px solid #39738f;border-radius:4px;background:#102b39;color:#72d8ff}.folder-import-modal-icon svg{width:18px;height:18px}.folder-import-summary{min-height:72px;margin:12px 0 8px;padding:12px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #344651;border-radius:4px;background:linear-gradient(90deg,#101b22,#111519)}.folder-import-summary>svg{width:26px;height:26px;color:#62d2ff;fill:#2bbcff20}.folder-import-summary>span{min-width:0}.folder-import-summary>span b,.folder-import-summary>span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-import-summary>span b{color:#edf8fc;font-size:11px}.folder-import-summary>span small{margin-top:4px;color:#84949e;font-size:8px}.folder-import-summary>strong{min-width:75px;color:#73dcff;font:900 19px ui-monospace,monospace;text-align:right}.folder-import-summary>strong small{display:block;margin-top:2px;color:#7f8d96;font-size:7px;letter-spacing:.08em}.folder-import-modal>p{margin:8px 2px 16px;color:#9aa8b1;font-size:9px;line-height:1.5}.folder-import-modal .primary-action{display:flex;align-items:center;justify-content:center;gap:6px}.folder-import-modal .primary-action svg{width:13px;height:13px}.audio-import-icon{position:absolute;left:10px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #39738f;border-radius:50%;background:#102b39;color:#7edaff}.audio-import-icon svg{width:12px}.audio-import-progress:not(.is-success):not(.is-error) .audio-import-icon svg{animation:audio-import-pulse .9s ease-in-out infinite alternate}.audio-import-copy{min-width:0}.audio-import-copy b,.audio-import-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-import-copy b{color:#dce6ec;font-size:8px;letter-spacing:.1em}.audio-import-copy small{max-width:520px;margin-top:3px;color:#83919a;font-size:7px}.audio-import-progress>strong{position:absolute;right:10px;top:10px;color:#8edfff;font:800 8px ui-monospace,monospace}.audio-import-progress>i{position:absolute;left:0;right:0;bottom:0;height:3px;background:#20272b}.audio-import-progress>i>span{display:block;height:100%;background:linear-gradient(90deg,#168bd0,#62d2ff);box-shadow:0 0 8px #2bbcff;transition:width .18s ease}.audio-import-progress.is-analyzing>i>span{width:34%!important;animation:audio-import-scan 1.15s ease-in-out infinite}.audio-import-progress.is-success{border-color:#347153;background:linear-gradient(90deg,#10281d,#151b18)}.audio-import-progress.is-success .audio-import-icon{border-color:#40d98b;background:#123021;color:#7aefb4}.audio-import-progress.is-success>strong{color:#79eeb2}.audio-import-progress.is-success>i>span{background:#40d98b}.audio-import-progress.is-error{border-color:#793745;background:#28141a}.audio-import-progress.is-error .audio-import-icon{border-color:#a64054;background:#39151e;color:#ff8298}.audio-import-progress.is-error>strong{right:42px;color:#ff8da1}.audio-import-progress>button{position:absolute;right:8px;bottom:7px;width:24px;height:24px;padding:0;display:grid;place-items:center;border:0;background:transparent;color:#ff8298}.audio-import-progress>button svg{width:12px}@keyframes audio-import-pulse{to{transform:translateY(-2px);filter:drop-shadow(0 0 5px #2bbcff)}}@keyframes audio-import-scan{0%{transform:translate(-110%)}to{transform:translate(310%)}}:root[data-appearance=light] .dj-library .lib-tree{background:linear-gradient(#eceeef,#d2d5d7)!important;box-shadow:inset -1px 0 #999}:root[data-appearance=light] .dj-library .library-brand,:root[data-appearance=light] .dj-library .tree-section-head,:root[data-appearance=light] .dj-library .lib-tree>button{border-color:#9da2a6;background:linear-gradient(#fafafa,#ced1d3)!important;color:#282d31}:root[data-appearance=light] .dj-library .library-brand b{color:#202428}:root[data-appearance=light] .dj-library .tree-category-row{background:transparent}:root[data-appearance=light] .dj-library .tree-category-row:hover{background:#c7cbce!important}:root[data-appearance=light] .dj-library .tree-category-row.is-selected{background:linear-gradient(90deg,color-mix(in srgb,var(--category-color) 23%,#eef1f3),#d7dade)!important}:root[data-appearance=light] .dj-library .tree-category-name{color:#30363a!important}:root[data-appearance=light] .dj-library .tree-category-name b{color:#343a3f}:root[data-appearance=light] .dj-library .tree-category-row:before{border-color:#a5abad}:root[data-appearance=light] .audio-import-progress{border-color:#9baab3;background:linear-gradient(90deg,#dcebf2,#eceeef);color:#202428}:root[data-appearance=light] .audio-import-copy b{color:#202428}:root[data-appearance=light] .hardware-mixer .rotary-knob i{background:#303336}.hardware-mixer .rotary-knob,:root[data-appearance=dark] body .hardware-mixer .rotary-knob{border:1px solid #050607!important;background:#414447!important;box-shadow:0 0 0 1px #74787b,0 0 0 3px #090a0b,inset 0 0 0 2px #292b2d!important}.hardware-mixer .rotary-knob:before{top:-5px;right:-5px;bottom:-5px;left:-5px;opacity:1;-webkit-mask:radial-gradient(farthest-side,transparent 88%,#000 89% 94%,transparent 95%);mask:radial-gradient(farthest-side,transparent 88%,#000 89% 94%,transparent 95%)}.hardware-mixer .rotary-knob i{top:3px;width:3px;height:12px;background:#f0f2f3;box-shadow:0 0 0 1px #171819;transform-origin:50% 14px}.hardware-mixer .rotary-control>b{color:#f1f2f3;font-weight:900;letter-spacing:.09em}.hardware-mixer .rotary-control>small{color:#b0b4b7;font-weight:700}:root[data-appearance=light] .hardware-mixer .rotary-knob{border-color:#4e5255!important;background:#d0d2d4!important;box-shadow:0 0 0 1px #74787b,0 0 0 3px #b5b8ba,inset 0 0 0 2px #eceeef!important}:root[data-appearance=dark] body :where(.header-master-meter,.dj-header .logout-btn,.dj-header .header-settings-btn){border-color:var(--app-control-line)!important;background:#292b2e!important;background-image:none!important;color:#eef0f2!important;box-shadow:inset 0 1px #ffffff18!important}:root[data-appearance=dark] body :where(.dj-header .logout-btn,.dj-header .header-settings-btn):hover:not(:disabled){border-color:var(--app-secondary)!important;background:var(--app-surface)!important;background-image:none!important;color:#fff!important}:root[data-appearance=dark] body :where(.deck-wave-panel,.master-waveform-canvas-wrap,.dj-library .lib-tree,.dj-library .lib-main,.dj-library .track-table,.dj-library .track-list){border-color:var(--app-secondary)!important;background:var(--app-surface)!important;background-image:none!important}:root[data-appearance=dark] body .dj-library .track-head-row{border-color:var(--app-surface)!important;background:#292b2e!important;background-image:none!important;color:#f0f1f2!important}:root[data-appearance=dark] body .dj-library .track-head-row>span{border-color:#3b3d40!important}:root[data-appearance=dark] body .dj-library .track-row{border-color:#2f3134!important;background:var(--app-surface)!important;background-image:none!important}:root[data-appearance=dark] body .dj-library .track-row:nth-child(2n){background:color-mix(in srgb,var(--app-surface) 72%,var(--app-secondary))!important}:root[data-appearance=dark] body .dj-library .track-row:hover{background:color-mix(in srgb,var(--app-surface) 45%,var(--app-secondary))!important}:root[data-appearance=dark] body .dj-library .tree-children{background:var(--app-surface)!important}:root[data-appearance=dark] body .dj-library .tree-children button:not(.selected){background:transparent!important}:root[data-appearance=dark] body .dj-library .tree-children button:hover:not(.selected){background:color-mix(in srgb,var(--app-surface) 55%,var(--app-secondary))!important}.dj-library{--track-columns: calc(34px * var(--library-zoom,1)) calc(40px * var(--library-zoom,1)) minmax(calc(260px * var(--library-zoom,1)),1.6fr) calc(125px * var(--library-zoom,1)) calc(140px * var(--library-zoom,1)) calc(150px * var(--library-zoom,1)) calc(130px * var(--library-zoom,1)) calc(56px * var(--library-zoom,1)) calc(56px * var(--library-zoom,1)) calc(70px * var(--library-zoom,1)) calc(58px * var(--library-zoom,1)) calc(56px * var(--library-zoom,1)) calc(56px * var(--library-zoom,1)) calc(78px * var(--library-zoom,1)) calc(84px * var(--library-zoom,1))}.dj-library .track-head-row,.dj-library .track-row{min-width:calc(1473px * var(--library-zoom,1));grid-template-columns:var(--track-columns)!important}.dj-library .track-head-row{padding-right:7px}.dj-library .track-list{scrollbar-gutter:stable}.dj-library .track-head-row>span,.dj-library .track-row>.track-index,.dj-library .track-row>.track-bpm,.dj-library .track-row>.track-meta,.dj-library .track-row>.preview-btn,.dj-library .track-row>.load-btn,.dj-library .track-row>.queue-actions,.dj-library .track-row>.track-actions{width:100%;min-width:0;justify-self:stretch;align-self:stretch;align-items:center;justify-content:center}.dj-library .track-row>.track-index,.dj-library .track-row>.track-bpm,.dj-library .track-row>.track-meta{display:flex;padding:0 4px;text-align:center}.dj-library .track-row>.track-main{width:100%;padding-inline:8px}.dj-library .track-row>select{width:calc(100% - 10px)!important;margin:0 5px!important;justify-self:center;text-align:center;text-align-last:center}.dj-library .track-row>.preview-btn,.dj-library .track-row>.load-btn{width:30px!important;margin:0!important;justify-self:center;align-self:center}.dj-library .track-row>.queue-actions,.dj-library .track-row>.track-actions{padding:0;gap:3px;justify-self:stretch;align-self:stretch}.dj-library .track-row>.queue-actions{display:grid;grid-template-columns:repeat(2,27px);place-content:center}.dj-library .track-row>.track-actions{display:grid;grid-template-columns:repeat(3,24px);place-content:center}.dj-library .track-row>.queue-actions>button,.dj-library .track-row>.track-actions>button{width:100%!important;min-width:0!important;margin:0!important;padding:0!important}:root[data-appearance=dark] body :where(.hardware-mixer,.dj-deck,.mixer-strip,.dj-library):before{opacity:0!important;background:none!important}.settings-dialog:has(.settings-sharing-section){width:min(980px,calc(100vw - 28px))}.settings-sharing-section{min-height:0}.sharing-settings-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:12px}.sharing-editor,.sharing-active{min-width:0;padding:12px;border:1px solid #303030;background:#090909}.sharing-editor h3,.sharing-active h3{height:28px;margin:0 0 10px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #292929;color:#bbb;font-size:8px;letter-spacing:.11em}.sharing-editor h3 svg{width:13px;color:var(--user-accent)}.sharing-active h3 span{margin-left:auto;padding:2px 6px;border:1px solid #3b3b3b;border-radius:10px;background:#151515}.sharing-search{height:34px;display:flex;align-items:center;border:1px solid #3a3a3a;background:#050505}.sharing-search>svg{width:13px;margin:0 8px;color:#777}.sharing-search input{width:100%;height:100%;min-width:0;border:0;background:transparent;color:#eee;outline:none;font-size:9px}.sharing-user-results{max-height:130px;overflow:auto;border:1px solid #353535;border-top:0}.sharing-user-results button{width:100%;min-height:38px;padding:5px 8px;display:flex;align-items:center;gap:8px;border:0;border-bottom:1px solid #292929;background:#101010;color:#ddd;text-align:left}.sharing-user-results button:hover{background:#202020}.sharing-user-results svg{width:13px}.sharing-user-results span b,.sharing-user-results span small{display:block}.sharing-user-results span b{font-size:9px}.sharing-user-results span small{margin-top:2px;color:#777;font-size:7px}.sharing-recipient{min-height:39px;margin-top:8px;padding:6px 8px;display:flex;align-items:center;gap:8px;border:1px solid rgba(var(--user-accent-rgb),.55);background:rgba(var(--user-accent-rgb),.1)}.sharing-recipient>svg{width:14px;color:var(--user-accent)}.sharing-recipient>svg:last-child{margin-left:auto}.sharing-recipient span small,.sharing-recipient span b{display:block}.sharing-recipient span small{color:#777;font-size:6px}.sharing-recipient span b{margin-top:2px;font-size:9px}.sharing-scope{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.sharing-scope label{min-height:52px;padding:8px;display:flex;align-items:flex-start;gap:7px;border:1px solid #333;background:#101010;cursor:pointer}.sharing-scope input{margin:2px 0 0;accent-color:var(--user-accent)}.sharing-scope span b,.sharing-scope span small{display:block}.sharing-scope span b{font-size:8px}.sharing-scope span small{margin-top:4px;color:#777;font-size:7px;line-height:1.35}.sharing-track-list{max-height:190px;margin-top:8px;overflow:auto;border:1px solid #333;background:#050505}.sharing-track-list label{height:29px;padding:0 8px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #252525;font-size:8px}.sharing-track-list label:hover{background:#151515}.sharing-track-list input{accent-color:var(--user-accent)}.sharing-track-list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sharing-save{width:100%;height:32px;margin-top:9px;border:1px solid rgba(var(--user-accent-rgb),.75);background:rgba(var(--user-accent-rgb),.18);color:var(--user-accent);font-size:8px;font-weight:900;letter-spacing:.07em}.sharing-save:disabled{opacity:.35}.sharing-active article{min-height:48px;padding:6px 4px;display:grid;grid-template-columns:24px minmax(0,1fr) 29px;gap:7px;align-items:center;border-bottom:1px solid #292929}.sharing-active article>svg{width:15px;color:#888}.sharing-active article span{min-width:0}.sharing-active article span b,.sharing-active article span small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sharing-active article span b{font-size:9px}.sharing-active article span small{margin-top:4px;color:#777;font-size:7px}.sharing-active article button{width:28px;height:28px;padding:0;display:grid;place-items:center;border:1px solid #60323a;background:#211014;color:#dc6e80}.sharing-active article button svg{width:12px}.sharing-empty{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#666;font-size:8px}.sharing-empty svg{width:23px}:root[data-appearance=light] .sharing-editor,:root[data-appearance=light] .sharing-active{border-color:#b5b5b5;background:#eee}:root[data-appearance=light] .sharing-editor h3,:root[data-appearance=light] .sharing-active h3{border-color:#c2c2c2;color:#333}:root[data-appearance=light] .sharing-search,:root[data-appearance=light] .sharing-track-list{border-color:#aaa;background:#fff}:root[data-appearance=light] .sharing-search input{color:#222}:root[data-appearance=light] .sharing-scope label,:root[data-appearance=light] .sharing-user-results button{border-color:#bbb;background:#e1e1e1;color:#222}:root[data-appearance=light] .sharing-active article{border-color:#c2c2c2;color:#222}@media(max-width:760px){.sharing-settings-grid,.sharing-scope{grid-template-columns:1fr}}.settings-dialog,.settings-dialog-account,.settings-dialog:has(.settings-sharing-section){width:min(650px,calc(100vw - 28px));height:min(472px,calc(100vh - 28px));max-height:none}.settings-dialog .settings-layout,.settings-dialog-account .settings-layout{height:calc(100% - 58px);min-height:0}.settings-content,.settings-dialog-account .settings-content{min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 transparent}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:transparent}.settings-content::-webkit-scrollbar-thumb{border-radius:8px;background:#555}.settings-content::-webkit-scrollbar-thumb:hover{background:#707070}.settings-sharing-section{min-height:100%}.sharing-settings-grid{grid-template-columns:1fr;gap:10px}.sharing-editor,.sharing-active{background:transparent;border-color:#303030}.sharing-active{min-height:190px}:root[data-appearance=light] .settings-content::-webkit-scrollbar-thumb{background:#999}:root[data-appearance=light] .settings-content{scrollbar-color:#999 transparent}:root[data-appearance=light] .sharing-editor,:root[data-appearance=light] .sharing-active{background:transparent}@media(max-width:650px){.settings-dialog,.settings-dialog-account,.settings-dialog:has(.settings-sharing-section){width:calc(100vw - 12px);height:calc(100vh - 12px)}}:root[data-appearance=dark] body .dj-library .lib-tree{background:var(--app-surface)!important;background-image:none!important}:root[data-appearance=dark] body .dj-library .tree-children{background:transparent!important}:root[data-appearance=dark] body .dj-library .library-brand,:root[data-appearance=dark] body .dj-library .tree-section-head,:root[data-appearance=dark] body .dj-library .lib-tree>button{background:#292b2e!important;background-image:none!important;border-color:#3b3d40}:root[data-appearance=dark] body .dj-library .tree-section-head>button:hover,:root[data-appearance=dark] body .dj-library .lib-tree>button:hover{background:#303438!important}:root[data-appearance=dark] body .dj-library .tree-children>button.selected{background:linear-gradient(90deg,#14415a,#24282b 72%)!important}.dj-library .library-zoom-controls{height:27px;margin-left:auto;gap:0;overflow:hidden;border:1px solid #484e53;border-radius:3px;background:#111416;box-shadow:inset 0 1px 2px #000,0 1px #ffffff0a}.dj-library .library-zoom-controls button{width:27px;height:25px;border:0;border-radius:0;background:linear-gradient(180deg,#2b2f32,#191c1e);color:#bfc6cb;box-shadow:inset 0 1px #ffffff10}.dj-library .library-zoom-controls button:first-child{border-right:1px solid #3d4246}.dj-library .library-zoom-controls button:last-child{border-left:1px solid #3d4246}.dj-library .library-zoom-controls button:hover:not(:disabled){border-color:#3d4246;background:linear-gradient(180deg,#23506a,#123044);color:#8de1ff;box-shadow:inset 0 0 8px #2bbcff1c}.dj-library .library-zoom-controls button:disabled{color:#555b60;background:#17191b;opacity:.65}.dj-library .library-zoom-controls svg{width:13px;height:13px;stroke-width:1.9}.dj-library .library-zoom-controls span{min-width:34px;height:25px;display:grid;place-items:center;background:#0c0f11;color:#d7dde1;font:800 7px ui-monospace,monospace;letter-spacing:.02em;text-shadow:0 0 5px #ffffff22}:root[data-appearance=light] .dj-library .library-zoom-controls{border-color:#92979b;background:#c7cacc}:root[data-appearance=light] .dj-library .library-zoom-controls button{background:linear-gradient(#f7f7f7,#c5c8ca);color:#343a3f}:root[data-appearance=light] .dj-library .library-zoom-controls span{background:#e5e7e8;color:#30363a}.deck-wave-panel .wave{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.deck-wave-panel .wave.is-scratching{cursor:grabbing;border-color:#77838e;box-shadow:inset 0 0 0 1px #ffffff18,0 0 10px #000}:root:not([data-appearance=light]) .dj-deck{isolation:isolate;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;padding:12px 13px 11px;border:1px solid #42484e;border-radius:7px;background:linear-gradient(90deg,transparent 0 49.8%,#ffffff05 50%,transparent 50.2%),radial-gradient(circle at 50% -18%,rgba(var(--deck-rgb),.1),transparent 31%),linear-gradient(165deg,#1b1e21,#101214 48%,#090a0c);box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 3px #08090a,inset 0 0 0 4px #25292d,0 12px 34px #000c}:root:not([data-appearance=light]) .dj-deck:before{z-index:3;left:18px;right:18px;top:3px;height:1px;opacity:.9;box-shadow:0 0 12px rgba(var(--deck-rgb),.5)}:root:not([data-appearance=light]) .dj-deck:after{content:"";position:absolute;z-index:-1;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #ffffff08;border-radius:3px;pointer-events:none}.deck-chassis-screw{position:absolute;z-index:5;width:7px;height:7px;border:1px solid #050607;border-radius:50%;background:radial-gradient(circle at 36% 32%,#737980 0,#737980 9%,#31353a 28%,#0b0c0e 72%);box-shadow:0 0 0 1px #383c40,0 1px 2px #000;pointer-events:none}.deck-chassis-screw:after{content:"";position:absolute;left:1px;right:1px;top:2px;height:1px;background:#08090a;transform:rotate(-32deg)}.deck-chassis-screw.screw-nw{left:4px;top:5px}.deck-chassis-screw.screw-ne{right:4px;top:5px}.deck-chassis-screw.screw-sw{left:4px;bottom:5px}.deck-chassis-screw.screw-se{right:4px;bottom:5px}:root:not([data-appearance=light]) .deck-topline{position:relative;height:50px;margin:0 2px 7px;padding:0 9px;border:1px solid #2c3136;border-radius:3px;background:linear-gradient(180deg,#15191c,#0a0c0e);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #000,0 2px 5px #0008}:root:not([data-appearance=light]) .deck-topline:after{content:"";position:absolute;left:48px;right:72px;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--deck),transparent 72%);opacity:.48}:root:not([data-appearance=light]) .deck-letter{width:32px;height:32px;border:1px solid var(--deck);border-radius:2px;background:linear-gradient(145deg,rgba(var(--deck-rgb),.22),#07090b 68%);color:#f7fbff;font:800 17px/1 ui-monospace,monospace;text-shadow:0 0 8px var(--deck);box-shadow:inset 0 0 0 2px #07090b,inset 0 0 13px rgba(var(--deck-rgb),.2),0 0 8px rgba(var(--deck-rgb),.12)}:root:not([data-appearance=light]) .deck-identity small{font-size:7px;letter-spacing:.24em;text-shadow:0 0 7px var(--deck)}:root:not([data-appearance=light]) .deck-identity strong{margin-top:5px;color:#f0f3f5;font-size:11px;font-weight:650;letter-spacing:.015em}:root:not([data-appearance=light]) .deck-bpm{position:relative;min-width:62px;padding:2px 5px 2px 11px;border-left-color:#343a40}:root:not([data-appearance=light]) .deck-bpm b{font-size:22px;text-shadow:0 0 10px rgba(var(--deck-rgb),.36)}:root:not([data-appearance=light]) .deck-bpm small{position:absolute;right:5px;bottom:0;color:#626b73;font:600 5px ui-monospace,monospace;letter-spacing:.16em}:root:not([data-appearance=light]) .deck-wave-panel{position:relative;margin:0 2px;padding:5px 5px 3px;border:1px solid #3b4147;border-radius:3px;background:#020304;box-shadow:inset 0 0 0 2px #0b0d0f,inset 0 0 24px #000,0 3px 9px #0008}:root:not([data-appearance=light]) .deck-wave-panel:before{content:"";position:absolute;z-index:2;top:5px;right:5px;bottom:38px;left:5px;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 48px,#ffffff08 49px,#ffffff08 50px);mix-blend-mode:screen}:root:not([data-appearance=light]) .deck-timebar{height:32px;padding:4px 2px 0}:root:not([data-appearance=light]) .deck-timebar span{font-size:6px;letter-spacing:.16em}:root:not([data-appearance=light]) .deck-timebar b{color:#f4f6f8;font-size:13px;text-shadow:0 0 6px #fff2}:root:not([data-appearance=light]) .deck-time-progress{height:4px;border:1px solid #292e33;background:#07090b;box-shadow:inset 0 1px 2px #000}:root:not([data-appearance=light]) .deck-console{position:relative;margin:8px 2px 0;padding:12px clamp(7px,1vw,15px);border:1px solid #30353a;border-radius:4px;background:linear-gradient(90deg,#ffffff04 1px,transparent 1px) 0 0/38px 100%,linear-gradient(180deg,#141719,#08090b);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #000,0 3px 9px #0008}:root:not([data-appearance=light]) .deck-console:before{content:"CONTROL SURFACE";position:absolute;left:8px;top:4px;color:#4f565c;font:600 5px ui-monospace,monospace;letter-spacing:.18em}:root:not([data-appearance=light]) .transport-main{position:relative;overflow:hidden;border-radius:3px;border-color:rgba(var(--deck-rgb),.82);background:linear-gradient(180deg,rgba(var(--deck-rgb),.58),rgba(var(--deck-rgb),.17) 58%,#080b0d);box-shadow:inset 0 1px #ffffff4a,inset 0 -3px 5px #0007,0 2px 3px #000,0 0 15px rgba(var(--deck-rgb),.16)}:root:not([data-appearance=light]) .transport-main:after{content:"";position:absolute;left:6px;right:6px;top:4px;height:1px;background:#fff;opacity:.25}:root:not([data-appearance=light]) .transport-main span{font-size:9px;letter-spacing:.16em;text-shadow:0 1px 2px #000}:root:not([data-appearance=light]) .transport-row-small .transport-btn{border-color:#40464c;background:linear-gradient(180deg,#24282c 0,#111416 47%,#080a0c 52%,#15181b);box-shadow:inset 0 1px #ffffff18,inset 0 -1px #000,0 2px 3px #000b}:root:not([data-appearance=light]) .transport-row-small .transport-btn span{color:#87919a;font-size:5px}:root:not([data-appearance=light]) .jog-wheel{border:1px solid #60676e;background:repeating-conic-gradient(from 0deg,#555b60 0,#555b60 1deg,#121518 1deg,#121518 3deg),radial-gradient(circle,#1d2226,#07090a 69%);box-shadow:inset 0 0 0 5px #080a0b,inset 0 0 0 7px #363c41,inset 0 0 0 10px #090b0d,inset 0 0 25px #000,0 0 0 1px #050607,0 7px 15px #000d,0 0 20px rgba(var(--deck-rgb),.1)}:root:not([data-appearance=light]) .jog-wheel:before{top:12px;right:12px;bottom:12px;left:12px;border:1px solid #111518;box-shadow:inset 0 0 0 1px #50575d,inset 0 0 0 4px #080a0c}:root:not([data-appearance=light]) .jog-rings{border:1px solid var(--deck);background:radial-gradient(circle,#11161a 0,#11161a 45%,#050607 47%);box-shadow:0 0 0 3px #24292d,0 0 0 5px #07090a,0 0 12px rgba(var(--deck-rgb),.42),inset 0 0 13px #000}:root:not([data-appearance=light]) .jog-rings svg{opacity:.2}:root:not([data-appearance=light]) .jog-center{border:1px solid #586068;background:radial-gradient(circle at 38% 30%,#31363b,#080a0c 67%);box-shadow:inset 0 0 0 3px #111418,0 3px 6px #000;color:#fff;text-shadow:0 0 8px var(--deck)}:root:not([data-appearance=light]) .jog-wheel small{bottom:8px;color:#8c969f;font-size:6px;letter-spacing:.08em}:root:not([data-appearance=light]) .deck-loop-shell{padding:4px;border:1px solid #30363b;border-radius:3px;background:linear-gradient(180deg,#171a1d,#090b0d);box-shadow:inset 0 1px #ffffff0c,0 2px 6px #0008}:root:not([data-appearance=light]) .deck-loop-panel{border-color:#343a40;background:linear-gradient(180deg,#0e1113,#050607);box-shadow:inset 0 0 14px #000}:root:not([data-appearance=light]) .deck-loop-title{color:#89949d}:root:not([data-appearance=light]) .deck-loop-length button,:root:not([data-appearance=light]) .deck-loop-points button{border-color:#41484f;background:linear-gradient(180deg,#202428,#0d0f11);box-shadow:inset 0 1px #ffffff10,0 1px 2px #000}:root:not([data-appearance=light]) .sampler-section{position:relative;margin:8px 2px 0;padding:8px;border:1px solid #30353a;border-radius:4px;background:linear-gradient(180deg,#111416,#070809);box-shadow:inset 0 1px #ffffff0b,0 2px 7px #0007}:root:not([data-appearance=light]) .sampler-head{margin-bottom:7px;padding-bottom:5px;border-bottom:1px solid #292e32}:root:not([data-appearance=light]) .sampler-head span{color:#aab3bb;font-size:7px;letter-spacing:.2em}:root:not([data-appearance=light]) .sample-pad{border-color:#353b40;border-radius:3px;background:linear-gradient(145deg,#1b1f22,#090b0d 72%);box-shadow:inset 0 1px #ffffff0c,inset 0 -2px #000,0 2px 3px #0008}:root:not([data-appearance=light]) .sample-pad.loaded{border-color:rgba(var(--deck-rgb),.36);background:linear-gradient(145deg,rgba(var(--deck-rgb),.09),#090b0d 68%)}:root:not([data-appearance=light]) .sample-pad span{color:#89939b;letter-spacing:.06em}@media(max-width:820px){.deck-chassis-screw{display:none}}:root:not([data-appearance=light]) .mixer-strip{padding:7px;border:1px solid #454b50;border-radius:7px;background:radial-gradient(circle at 50% -12%,#ffffff0b,transparent 28%),linear-gradient(165deg,#1b1e20,#0c0e10 58%,#060708);box-shadow:inset 0 1px #ffffff1b,inset 0 0 0 3px #070809,inset 0 0 0 4px #272b2e,0 12px 34px #000d}:root:not([data-appearance=light]) .mixer-tabs{position:relative;gap:3px;margin:0 0 7px;padding:4px;border:1px solid #33383c;border-radius:4px;background:linear-gradient(180deg,#0b0d0f,#171a1c);box-shadow:inset 0 1px 3px #000,inset 0 0 0 1px #060708,0 2px 5px #0008}:root:not([data-appearance=light]) .mixer-tabs:after{content:"MODE SELECT";position:absolute;right:7px;bottom:-6px;padding:0 3px;background:#0c0e10;color:#4f565c;font:600 5px ui-monospace,monospace;letter-spacing:.15em}:root:not([data-appearance=light]) .mixer-tabs button{position:relative;height:31px;overflow:hidden;border:1px solid #3e4449;border-radius:2px;background:linear-gradient(180deg,#25292d 0,#15181a 47%,#090b0c 52%,#171a1c);color:#8e989f;font:800 7px ui-monospace,monospace;letter-spacing:.14em;text-shadow:0 1px 1px #000;box-shadow:inset 0 1px #ffffff18,inset 0 -1px #000,0 1px 2px #000}:root:not([data-appearance=light]) .mixer-tabs button:before{content:"";position:absolute;left:50%;bottom:3px;width:12px;height:1px;transform:translate(-50%);background:#4a5055;box-shadow:0 0 3px transparent;transition:width .15s,background .15s,box-shadow .15s}:root:not([data-appearance=light]) .mixer-tabs button:hover{border-color:#61686e;color:#e5eaed;background:linear-gradient(180deg,#30353a,#15181a 55%,#202428)}:root:not([data-appearance=light]) .mixer-tabs button.active{border-color:rgba(var(--user-accent-rgb),.78)!important;background:linear-gradient(180deg,rgba(var(--user-accent-rgb),.28),#101315 58%,rgba(var(--user-accent-rgb),.1))!important;color:#fff!important;text-shadow:0 0 7px rgba(var(--user-accent-rgb),.7);box-shadow:inset 0 1px #ffffff30,inset 0 0 12px rgba(var(--user-accent-rgb),.13),0 0 8px rgba(var(--user-accent-rgb),.12)!important}:root:not([data-appearance=light]) .mixer-tabs button.active:before{width:26px;background:var(--user-accent);box-shadow:0 0 7px var(--user-accent)}:root:not([data-appearance=light]) .mixer-tabs button:focus-visible{outline:1px solid var(--user-accent);outline-offset:1px}:root:not([data-appearance=light]) .hardware-mixer{padding:7px;gap:6px;border:1px solid #3b4146;border-radius:4px;background:linear-gradient(90deg,#ffffff04 1px,transparent 1px) 0 0/46px 100%,linear-gradient(180deg,#171a1c,#090b0c);box-shadow:inset 0 1px #ffffff12,inset 0 0 0 2px #070809,0 3px 8px #000a}:root:not([data-appearance=light]) .hardware-mixer:before{top:4px;right:4px;bottom:4px;left:4px;border-color:#ffffff08;border-radius:2px}:root:not([data-appearance=light]) .hardware-channel,:root:not([data-appearance=light]) .hardware-center{border:1px solid #343a3f;border-radius:3px;background:linear-gradient(180deg,#141719,#090b0c 72%);box-shadow:inset 0 1px #ffffff0e,inset 0 0 15px #0008,0 2px 5px #0008}:root:not([data-appearance=light]) .hardware-channel{padding:7px 5px 9px}:root:not([data-appearance=light]) .hardware-channel-name{position:relative;height:24px;margin:0 0 4px;padding:0;display:grid;place-items:center;border:1px solid #2d3236;border-radius:2px;background:#07090a;color:var(--channel-color);font-size:7px;letter-spacing:.2em;text-shadow:0 0 7px var(--channel-color);box-shadow:inset 0 0 9px #000}:root:not([data-appearance=light]) .hardware-channel-name:before{content:"";position:absolute;left:7px;width:4px;height:4px;border-radius:50%;background:var(--channel-color);box-shadow:0 0 6px var(--channel-color)}:root:not([data-appearance=light]) .rotary-control{width:58px;gap:3px;padding-top:5px}:root:not([data-appearance=light]) .rotary-knob{width:38px;height:38px;border:1px solid #050607;background:radial-gradient(circle at 37% 28%,#747b81 0,#747b81 5%,#3b4146 20%,#1a1e21 58%,#090b0c 74%),#15181a;box-shadow:inset 0 0 0 2px #292e32,inset -4px -5px 8px #000c,0 0 0 1px #5a6167,0 3px 5px #000c}:root:not([data-appearance=light]) .rotary-knob:before{top:-5px;right:-5px;bottom:-5px;left:-5px;z-index:3;background:conic-gradient(from 225deg,#343a3f 0 var(--knob-progress-start),var(--knob-accent) var(--knob-progress-start) var(--knob-progress-end),#343a3f var(--knob-progress-end) 270deg,transparent 270deg);-webkit-mask:radial-gradient(farthest-side,transparent 84%,#000 86% 91%,transparent 93%);mask:radial-gradient(farthest-side,transparent 84%,#000 86% 91%,transparent 93%);filter:drop-shadow(0 0 2px var(--knob-accent))}:root:not([data-appearance=light]) .rotary-knob:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border-radius:50%;pointer-events:none;background:repeating-conic-gradient(from 225deg,#737b81 0 1deg,transparent 1deg 22.5deg);-webkit-mask:radial-gradient(farthest-side,transparent 90%,#000 91%);mask:radial-gradient(farthest-side,transparent 90%,#000 91%);opacity:.65}:root:not([data-appearance=light]) .rotary-knob i{top:3px;width:2px;height:13px;background:#eff7fb;box-shadow:0 0 4px var(--knob-accent);transform-origin:50% 16px}:root:not([data-appearance=light]) .rotary-control>b{margin-top:3px;color:#d8dde0;font-size:7px;letter-spacing:.1em;text-shadow:0 1px #000}:root:not([data-appearance=light]) .rotary-control>small{min-width:38px;height:12px;padding:2px 3px;border:1px solid #252a2e;border-radius:2px;background:#050607;color:#aeb8bf;text-align:center;font-size:6px;box-shadow:inset 0 1px 3px #000}:root:not([data-appearance=light]) .rotary-control:hover .rotary-knob{box-shadow:inset 0 0 0 2px #343a3f,inset -4px -5px 8px #000c,0 0 0 1px #788087,0 3px 5px #000c,0 0 10px color-mix(in srgb,var(--knob-accent) 22%,transparent)}:root:not([data-appearance=light]) .rotary-control input:focus-visible+.rotary-control{outline:none}:root:not([data-appearance=light]) .hardware-center{padding:7px 4px 6px;gap:4px}:root:not([data-appearance=light]) .hardware-center-channel{position:relative;padding:2px 1px 5px;border-radius:2px;background:linear-gradient(180deg,#0d0f10,#070809)}:root:not([data-appearance=light]) .hardware-center-channel:before{content:"";position:absolute;left:6px;right:6px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--channel-color),transparent);opacity:.5}:root:not([data-appearance=light]) .hardware-channel-fader>span{padding:2px 5px;border:1px solid #292e32;border-radius:2px;background:#060708;color:#747d84;font-size:6px;letter-spacing:.14em}:root:not([data-appearance=light]) .hardware-center .hardware-channel-fader:before{content:"";position:absolute;top:25px;bottom:10px;left:50%;width:7px;transform:translate(-50%);border:1px solid #050607;border-radius:2px;background:linear-gradient(90deg,#030405,#15191b 50%,#030405);box-shadow:0 0 0 1px #2d3337,inset 0 0 4px #000}:root:not([data-appearance=light]) .hardware-center .hardware-channel-fader:after{z-index:0;width:46px;background:repeating-linear-gradient(180deg,#626970 0 1px,transparent 1px 10px);opacity:.58}:root:not([data-appearance=light]) .hardware-center .hardware-channel-fader input{z-index:2}:root:not([data-appearance=light]) .hardware-center .hardware-channel-fader input::-webkit-slider-runnable-track{height:3px;border-color:#020303;box-shadow:0 0 0 1px #353b40}:root:not([data-appearance=light]) .hardware-center .hardware-channel-fader input::-webkit-slider-thumb{width:13px;height:31px;margin-top:-15px;border-color:#050607;background:linear-gradient(90deg,#171a1d 0 15%,#555d63 16% 37%,#0b0d0f 38% 46%,var(--channel-color) 47% 53%,#0b0d0f 54% 62%,#555d63 63% 84%,#171a1d 85%);box-shadow:0 0 0 1px #6a7278,0 2px 4px #000,0 0 5px color-mix(in srgb,var(--channel-color) 35%,transparent)}:root:not([data-appearance=light]) .hardware-center .hardware-channel-fader input::-moz-range-thumb{width:13px;height:31px;border-color:#050607;background:linear-gradient(90deg,#171a1d 0 15%,#555d63 16% 37%,#0b0d0f 38% 46%,var(--channel-color) 47% 53%,#0b0d0f 54% 62%,#555d63 63% 84%,#171a1d 85%);box-shadow:0 0 0 1px #6a7278,0 2px 4px #000}:root:not([data-appearance=light]) .hardware-cue{width:40px;height:27px;border-color:#3d4449;border-radius:3px;background:linear-gradient(180deg,#24282c,#0c0e10);color:#939da4;box-shadow:inset 0 1px #ffffff17,0 2px 3px #000a}:root:not([data-appearance=light]) .hardware-cue.on{color:#fff;border-color:var(--channel-color);background:linear-gradient(180deg,color-mix(in srgb,var(--channel-color) 42%,#24282c),#0c0e10);box-shadow:inset 0 1px #ffffff28,0 0 9px color-mix(in srgb,var(--channel-color) 38%,transparent)}:root:not([data-appearance=light]) .hardware-master>span{padding:3px 0;color:#a5afb6;font-size:6px;letter-spacing:.13em}:root:not([data-appearance=light]) .hardware-vu{padding:4px 3px;border:1px solid #353b40;border-radius:2px;background:#020303;box-shadow:inset 0 0 8px #000,0 0 0 1px #070809}:root:not([data-appearance=light]) .hardware-vu-column{gap:2px}:root:not([data-appearance=light]) .hardware-vu i{border-radius:1px;background:#102018}:root:not([data-appearance=light]) .hardware-vu .vu-b i{background:#211014}:root:not([data-appearance=light]) .persistent-crossfader{padding-top:7px}:root:not([data-appearance=light]) .persistent-crossfader .hardware-crossfader{border:1px solid #383e43;border-radius:3px;background:linear-gradient(180deg,#141719,#08090a);box-shadow:inset 0 1px #ffffff0d,0 2px 5px #0008}:root:not([data-appearance=light]) .hardware-crossfader>span{color:#707a81;font-size:6px;letter-spacing:.15em}:root:not([data-appearance=light]) .hardware-crossfader input::-webkit-slider-thumb{border-color:#050607;background:linear-gradient(90deg,#15181a 0,#15181a 20%,#555c62 21%,#555c62 38%,#090b0c 39%,#090b0c 47%,#d9e3e8 48%,#d9e3e8 52%,#090b0c 53%,#090b0c 61%,#555c62 62%,#555c62 79%,#15181a 80%);box-shadow:0 0 0 1px #6b7379,0 2px 4px #000b}:root:not([data-appearance=light]) .hardware-crossfader input::-moz-range-thumb{border-color:#050607;background:linear-gradient(90deg,#15181a 0,#15181a 20%,#555c62 21%,#555c62 38%,#090b0c 39%,#090b0c 47%,#d9e3e8 48%,#d9e3e8 52%,#090b0c 53%,#090b0c 61%,#555c62 62%,#555c62 79%,#15181a 80%);box-shadow:0 0 0 1px #6b7379,0 2px 4px #000b}:root:not([data-appearance=light]) .master-waveform-pro{position:relative;border:1px solid #3b4249;border-radius:3px;background:#030405;box-shadow:inset 0 0 0 1px #000,0 5px 16px #000b}:root:not([data-appearance=light]) .master-waveform-pro:before{content:"";position:absolute;z-index:4;top:2px;right:2px;bottom:2px;left:2px;border:1px solid #ffffff0b;pointer-events:none}:root:not([data-appearance=light]) .master-waveform-toolbar{min-height:34px;padding:4px 7px;border-bottom:1px solid #343a40;background:linear-gradient(180deg,#191c1f,#090b0d);box-shadow:inset 0 1px #ffffff12,inset 0 -1px #000}:root:not([data-appearance=light]) .master-waveform-title b{color:#dbe2e8;font-size:7px;letter-spacing:.2em}:root:not([data-appearance=light]) .master-waveform-title span{color:#69747d}:root:not([data-appearance=light]) .wave-action,:root:not([data-appearance=light]) .wave-icon-action{height:24px;border-color:#414950;border-radius:2px;background:linear-gradient(#252a2e,#111416);color:#aab4bc;box-shadow:inset 0 1px #ffffff16,0 1px 2px #000}:root:not([data-appearance=light]) .wave-action:hover,:root:not([data-appearance=light]) .wave-icon-action:hover{border-color:#68737c;background:linear-gradient(#343a3f,#181c1f)}:root:not([data-appearance=light]) .wave-action.sync-a{border-left:2px solid #2bbcff;color:#83ddff}:root:not([data-appearance=light]) .wave-action.sync-b{border-left:2px solid #ff4d73;color:#ff91a6}:root:not([data-appearance=light]) .wave-icon-action.on{border-color:#4e9eba!important;background:linear-gradient(#164259,#0b2532)!important;color:#9de7ff!important}:root:not([data-appearance=light]) .wave-zoom-value{height:20px;display:grid;place-items:center;border-block:1px solid #30373d;background:#0a0d0f;color:#89959e;letter-spacing:.08em}:root:not([data-appearance=light]) .master-waveform-canvas-wrap{border-block:1px solid #32383e;background:#030405;box-shadow:inset 0 0 24px #000}:root:not([data-appearance=light]) .master-waveform-canvas-wrap:after{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0007,transparent 5%,transparent 95%,#0007),repeating-linear-gradient(90deg,transparent 0 59px,#ffffff09 60px,#ffffff09 61px);mix-blend-mode:screen}:root:not([data-appearance=light]) .wave-playhead-label{top:3px;height:17px;padding:0 6px;border-color:#6f7a83;border-radius:2px;background:linear-gradient(#1e252a,#07090b);color:#fff;box-shadow:0 2px 6px #000,0 0 8px #ffffff25;font-size:6px;letter-spacing:.12em}:root:not([data-appearance=light]) .wave-time-label{right:5px;min-width:52px;padding:3px 5px;border-color:#3b4248;border-radius:2px;background:#050709e8;text-align:right;box-shadow:inset 0 0 8px #000}:root:not([data-appearance=light]) .wave-time-a{border-right:2px solid #2bbcff}:root:not([data-appearance=light]) .wave-time-b{border-right:2px solid #ff4d73}:root:not([data-appearance=light]) .master-waveform-help{min-height:21px;border-top-color:#090a0b;background:linear-gradient(#111416,#070809);color:#707a82;box-shadow:inset 0 1px #ffffff08}:root:not([data-appearance=light]) .legend-dot{border-radius:1px}@media(min-width:1181px){:root:not([data-appearance=light]) .master-waveform-pro.is-compact .master-waveform-toolbar{min-height:29px}:root:not([data-appearance=light]) .master-waveform-pro.is-compact .master-waveform-canvas-wrap{border-left:3px solid #11161a;border-right:3px solid #11161a}}:root:not([data-appearance=light]) .master-waveform-pro{border-color:#30353a;border-radius:1px;box-shadow:0 3px 10px #0009}:root:not([data-appearance=light]) .master-waveform-pro:before{display:none}:root:not([data-appearance=light]) .master-waveform-toolbar{background:#111416;box-shadow:none;border-bottom-color:#292e32}:root:not([data-appearance=light]) .wave-action,:root:not([data-appearance=light]) .wave-icon-action{border-color:#363c41;border-radius:1px;background:#171b1e;box-shadow:none;color:#929ca3}:root:not([data-appearance=light]) .wave-action:hover,:root:not([data-appearance=light]) .wave-icon-action:hover{background:#20252a;border-color:#505960}:root:not([data-appearance=light]) .wave-icon-action.on{border-color:#52636d!important;background:#1a2328!important;color:#9db2bd!important;box-shadow:none!important}:root:not([data-appearance=light]) .wave-zoom-value{border-color:#292e32;background:#090b0d;color:#768087}:root:not([data-appearance=light]) .master-waveform-canvas-wrap:after{background:linear-gradient(90deg,#0005,transparent 4%,transparent 96%,#0005);mix-blend-mode:normal}:root:not([data-appearance=light]) .wave-playhead-label{border-color:#555e65;background:#101417;color:#dbe2e6;box-shadow:0 1px 3px #000;font-weight:700}:root:not([data-appearance=light]) .wave-time-label{border-color:#30363b;background:#080a0be8;box-shadow:none}:root:not([data-appearance=light]) .master-waveform-help{background:#0c0f11;box-shadow:none}:root:not([data-appearance=light]) .app-header.dj-header{border-bottom-color:#30353a;background:#111416;box-shadow:0 3px 10px #0009}:root:not([data-appearance=light]) .dj-header:after{opacity:.35}:root:not([data-appearance=light]) .dj-header .header-live{height:34px;border-color:#363c41;border-radius:1px;background:#0c0f11;box-shadow:none}:root:not([data-appearance=light]) .dj-header .header-live.is-live{border-color:#594047;background:#120e10;box-shadow:none}:root:not([data-appearance=light]) .dj-header .header-nav>button,:root:not([data-appearance=light]) .dj-header .header-live-button,:root:not([data-appearance=light]) .dj-header .header-live-copy-button,:root:not([data-appearance=light]) .dj-header .header-live-manage-button,:root:not([data-appearance=light]) .dj-header .logout-btn,:root:not([data-appearance=light]) .dj-header .header-settings-btn,:root:not([data-appearance=light]) .dj-header .account-chip{height:30px!important;border:1px solid #3a4146!important;border-radius:1px!important;background:#171b1e!important;color:#aab3b9!important;box-shadow:none!important}:root:not([data-appearance=light]) .dj-header .header-nav>button:hover,:root:not([data-appearance=light]) .dj-header .header-live-copy-button:hover,:root:not([data-appearance=light]) .dj-header .header-live-manage-button:hover,:root:not([data-appearance=light]) .dj-header .logout-btn:hover,:root:not([data-appearance=light]) .dj-header .header-settings-btn:hover{border-color:#555e65!important;background:#20252a!important;color:#eef2f4!important}:root:not([data-appearance=light]) .dj-header .header-live-button{min-width:172px;border-left:2px solid #2bbcff!important;color:#a8dff2!important}:root:not([data-appearance=light]) .dj-header .header-live-button b{color:inherit!important;text-shadow:none}:root:not([data-appearance=light]) .dj-header .header-live-button:hover:not(:disabled){background:#1c2529!important;color:#d8f4ff!important}:root:not([data-appearance=light]) .dj-header .header-live-button.stop-live{border-color:#49383d!important;border-left-color:#ff4d73!important;background:#1b1416!important;color:#e4a8b4!important}:root:not([data-appearance=light]) .dj-header .header-nav>button.active,:root:not([data-appearance=light]) .dj-header .header-settings-btn.active{border-color:#4e5960!important;border-bottom-color:var(--user-accent)!important;background:#1c2124!important;color:#d7dde1!important;box-shadow:none!important}:root:not([data-appearance=light]) .dj-header .header-nav>button.header-monitor-btn.active{border-color:#40574b!important;border-bottom-color:#40d98b!important;background:#171f1a!important;color:#83d7aa!important;box-shadow:none!important}:root:not([data-appearance=light]) .dj-header .header-monitor-btn.is-off{border-color:#49383d!important;background:#191315!important;color:#b97885!important;box-shadow:none!important}:root:not([data-appearance=light]) .dj-header .header-master-meter{width:112px;min-width:112px;height:30px;padding:0 7px;border:1px solid #3a4146;border-radius:1px;background:#090b0d;box-shadow:none}:root:not([data-appearance=light]) .dj-header .header-master-meter>span{color:#747e85}:root:not([data-appearance=light]) .dj-header .header-master-meter i{border-radius:0;box-shadow:none}:root:not([data-appearance=light]) .dj-header .header-master-meter i.lit{box-shadow:none}:root:not([data-appearance=light]) .dj-header .header-clock{height:30px;min-width:48px;display:grid;place-items:center;border-block:1px solid transparent;color:#9fc8d8;text-shadow:none}:root:not([data-appearance=light]) .dj-header .account-chip{padding-inline:5px 7px!important}:root:not([data-appearance=light]) .dj-header .account-chip img,:root:not([data-appearance=light]) .dj-header .account-chip>i{border-color:#485158}:root:not([data-appearance=light]) .dj-header :is(.header-master-meter,.logout-btn,.header-settings-btn){height:30px!important;border:1px solid #3a4146!important;border-radius:1px!important;background:#171b1e!important;background-image:none!important;color:#aab3b9!important;box-shadow:none!important}:root:not([data-appearance=light]) .dj-header :is(.logout-btn,.header-settings-btn){width:36px;min-width:36px;padding:0!important}:root:not([data-appearance=light]) .dj-header :is(.logout-btn,.header-settings-btn):hover:not(:disabled){border-color:#555e65!important;background:#20252a!important;color:#eef2f4!important}:root:not([data-appearance=light]) .dj-header .header-settings-btn.active{border-color:#4e5960!important;border-bottom-color:var(--user-accent)!important;background:#1c2124!important;color:#d7dde1!important}:root:not([data-appearance=light]) .dj-header .header-master-meter{width:112px;min-width:112px;padding:0 7px}:root:not([data-appearance=light]) .dj-header .header-master-meter>div{padding:1px 2px;border:1px solid #30363b;background:#0b0e10}@media(max-width:1500px){:root:not([data-appearance=light]) .dj-header .header-live-button{min-width:32px}:root:not([data-appearance=light]) .dj-header .header-master-meter{width:92px;min-width:92px}}.app-header.dj-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.dj-header .dj-brand,.dj-header .header-live,.dj-header .header-live-copy,.dj-header .header-live-actions,.dj-header .header-nav{min-width:0}.dj-header .header-live{width:100%;max-width:720px;overflow:hidden}.dj-header .header-live-copy{overflow:hidden}.dj-header .header-live-stats{max-width:100%;overflow:hidden!important;white-space:nowrap}.dj-header .header-live-actions{flex:0 0 auto;overflow:hidden}.dj-header .header-nav{justify-self:end;white-space:nowrap}@media(max-width:1180px)and (min-width:821px){.app-header.dj-header{grid-template-columns:minmax(92px,120px) minmax(150px,1fr) auto;gap:5px;padding-inline:6px}.dj-header .brand-image{width:120px;background-size:200px auto}.dj-header .header-live{width:100%;min-width:0;max-width:none;margin:0;grid-template-columns:9px minmax(0,1fr) auto;gap:5px}.dj-header .header-live-stats{gap:5px!important}.dj-header .header-live-stats .header-live-room{display:none!important}.dj-header .header-nav>button>span,.dj-header .account-chip>span:last-child{display:none}.dj-header .header-nav>button,.dj-header .logout-btn,.dj-header .header-settings-btn,.dj-header .header-help-btn{width:32px;min-width:32px;padding:0!important}.dj-header .account-chip{width:32px;min-width:32px;padding:0!important;justify-content:center!important}.dj-header .header-clock{display:none}.dj-header .header-master-meter{width:70px;min-width:70px}.dj-header .header-master-meter>span{display:none}}@media(max-width:980px)and (min-width:821px){.app-header.dj-header{grid-template-columns:minmax(0,1fr) auto}.dj-header .dj-brand{display:none}.dj-header .header-master-meter{display:none!important}}@media(max-width:820px){.app-header.dj-header{display:flex}.dj-header .header-live{overflow:visible}}.dj-header .header-live.is-live .header-live-button.stop-live{width:30px!important;min-width:30px!important;height:28px!important;padding:0!important;flex:0 0 30px;border-color:#8d3d4c!important;border-left:2px solid #ff4d73!important;background:#1b1114!important;color:#ff718d!important}.dj-header .header-live.is-live .header-live-button.stop-live:hover:not(:disabled){border-color:#c94b63!important;background:#30151c!important;color:#ffb0bd!important}.dj-header .header-live.is-live .header-live-button.stop-live svg{width:11px;height:11px;fill:currentColor;stroke-width:1.5}.app-header.dj-header{position:relative}.dj-header .header-live:not(.is-live),:root:not([data-appearance=light]) .dj-header .header-live:not(.is-live){width:auto;min-width:0;max-width:none;height:auto;margin:0;padding:0;position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;overflow:visible;border:0;background:transparent;box-shadow:none}.dj-header .header-live:not(.is-live) .header-live-button{width:auto;min-width:150px}@media(max-width:1180px){.dj-header .header-live:not(.is-live) .header-live-button{width:34px;min-width:34px;padding:0}.dj-header .header-live:not(.is-live) .header-live-button b{display:none}}.dj-library .samples-block{padding:0;overflow:hidden}.dj-library .samples-head{min-height:calc(38px * var(--library-zoom,1));padding:calc(5px * var(--library-zoom,1)) calc(7px * var(--library-zoom,1));border-bottom:1px solid #34373a}.dj-library .sample-table{overflow:auto}.dj-library .sample-head-row,.dj-library .sample-row{min-width:calc(900px * var(--library-zoom,1));display:grid;grid-template-columns:calc(34px * var(--library-zoom,1)) minmax(calc(300px * var(--library-zoom,1)),1fr) calc(72px * var(--library-zoom,1)) calc(150px * var(--library-zoom,1)) calc(66px * var(--library-zoom,1)) calc(130px * var(--library-zoom,1)) calc(48px * var(--library-zoom,1));gap:0;align-items:center}.dj-library .sample-head-row{height:calc(27px * var(--library-zoom,1));background:#202225;border-bottom:1px solid #3b3d40;color:#a5aaaf;font-size:calc(7px * var(--library-zoom,1));font-weight:800;letter-spacing:.08em}.dj-library .sample-head-row>span{height:100%;padding:0 calc(7px * var(--library-zoom,1));display:flex;align-items:center;justify-content:center;border-right:1px solid #3b3d40}.dj-library .sample-head-row>span:nth-child(2){justify-content:flex-start}.dj-library .sample-list{display:block;margin:0}.dj-library .sample-row{height:calc(30px * var(--library-zoom,1));padding:0;border:0;border-bottom:1px solid #2f3134;background:#111214;color:#cdd1d4}.dj-library .sample-row:nth-child(2n){background:#191b1d}.dj-library .sample-row:hover{background:#24272a}.dj-library .sample-row>*{min-width:0}.dj-library .sample-index,.dj-library .sample-meta{display:flex!important;align-items:center;justify-content:center;color:#92999f!important;font-size:calc(7px * var(--library-zoom,1))!important}.dj-library .sample-main{padding:0 calc(8px * var(--library-zoom,1));overflow:hidden}.dj-library .sample-main b{font-size:calc(8px * var(--library-zoom,1))}.dj-library .sample-main small{display:block;margin-top:1px;overflow:hidden;color:#7f888f;font-size:calc(6px * var(--library-zoom,1));text-overflow:ellipsis;white-space:nowrap}.dj-library .sample-owner{padding:0 calc(7px * var(--library-zoom,1));overflow:hidden;color:#aeb5ba!important;font-size:calc(7px * var(--library-zoom,1))!important;text-overflow:ellipsis;white-space:nowrap}.dj-library .sample-row>button{justify-self:center}.dj-library .sample-preview-btn{width:calc(30px * var(--library-zoom,1))}.dj-library .sample-assign-btn{width:calc(118px * var(--library-zoom,1))}.dj-library .sample-row>.trash{width:calc(28px * var(--library-zoom,1))}:root[data-appearance=dark] body .dj-library .sample-head-row{border-color:var(--app-surface)!important;background:#292b2e!important;background-image:none!important;color:#f0f1f2!important}:root[data-appearance=dark] body .dj-library .sample-head-row>span{border-color:#3b3d40!important}:root[data-appearance=dark] body .dj-library .sample-row{border-color:#2f3134!important;background:var(--app-surface)!important;background-image:none!important}:root[data-appearance=dark] body .dj-library .sample-row:nth-child(2n){background:color-mix(in srgb,var(--app-surface) 72%,var(--app-secondary))!important}:root[data-appearance=dark] body .dj-library .sample-row:hover{background:color-mix(in srgb,var(--app-surface) 45%,var(--app-secondary))!important}.dj-library .sample-row{cursor:context-menu}.sample-context-menu .sample-pad-submenu{display:grid;grid-template-columns:repeat(2,minmax(72px,1fr));width:170px}.sample-context-menu .sample-pad-submenu button{justify-content:center}:root[data-appearance=light] .dj-library .sample-head-row{background:#d0d0d0;border-color:#999;color:#333}:root[data-appearance=light] .dj-library .sample-head-row>span{border-color:#aaa}:root[data-appearance=light] .dj-library .sample-row{background:#f3f3f3;border-color:#c2c2c2;color:#202124}:root[data-appearance=light] .dj-library .sample-row:nth-child(2n){background:#dedede}:root[data-appearance=light] .dj-library .sample-row:hover{background:#c9c9c9}.hardware-center{grid-template-columns:minmax(43px,1fr) 50px minmax(43px,1fr)}.hardware-center .hardware-master{width:50px;min-width:50px;padding:2px 0 0}.hardware-center .hardware-master>span{color:#aeb8c0;font:800 6px/1 ui-monospace,monospace;letter-spacing:.08em;white-space:nowrap}.hardware-center .hardware-vu{position:relative;width:48px;min-height:150px;height:auto;flex:1;margin:5px 0 3px;padding:6px 5px 6px 18px;display:grid;grid-template-columns:1fr 1fr;gap:4px;border:1px solid #30363b;border-radius:2px;background:linear-gradient(90deg,#050607,#0a0c0d 48%,#050607);box-shadow:inset 0 0 10px #000,0 0 0 1px #111;overflow:hidden}.hardware-vu-scale{position:absolute;z-index:2;left:2px;top:6px;bottom:6px;width:14px;display:flex;flex-direction:column;justify-content:space-between;color:#737b81;font:600 5px/1 ui-monospace,monospace;text-align:right;pointer-events:none}.hardware-vu-scale b{position:relative;font:inherit}.hardware-vu-scale b:first-child{color:#ff687f}.hardware-vu-scale b:nth-child(2),.hardware-vu-scale b:nth-child(3){color:#e7b34f}.hardware-center .hardware-vu-column{position:relative;min-width:0;height:100%;display:block;overflow:hidden;border:1px solid #252b2f;border-radius:1px;background:repeating-linear-gradient(180deg,transparent 0 7px,#0008 7px 8px),linear-gradient(180deg,#291116 0,#291116 12%,#28200d 12%,#28200d 28%,#0c2117 28%,#0c2117);box-shadow:inset 0 0 5px #000}.hardware-center .hardware-vu-column i{position:absolute;left:1px;right:1px;bottom:1px;min-height:1px;display:block;background:repeating-linear-gradient(180deg,transparent 0 7px,#0005 7px 8px),linear-gradient(180deg,#ff4866 0,#ff4866 12%,#efb23e 12%,#efb23e 28%,#34d687 28%,#34d687);box-shadow:0 0 7px #37d98a66;transition:height 70ms linear}.hardware-center .hardware-vu-column i:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:#f4fff8;box-shadow:0 0 5px #fff}.hardware-center .vu-a i{filter:hue-rotate(18deg)}.hardware-center .vu-b i{filter:hue-rotate(-8deg)}.hardware-center .hardware-master>small{width:30px;color:#929ba2;font:700 6px/1 ui-monospace,monospace}.hardware-center .hardware-master>small b:first-child{color:#52caff}.hardware-center .hardware-master>small b:last-child{color:#ff6a88}:root[data-appearance=light] .hardware-center .hardware-master>span{color:#41484e}:root[data-appearance=light] .hardware-center .hardware-vu{border-color:#888f94;background:#24282b;box-shadow:inset 0 0 9px #0008,0 0 0 1px #d8dadd}.hardware-center{grid-template-columns:minmax(43px,1fr) 38px minmax(43px,1fr)}.hardware-center .hardware-master{width:38px;min-width:38px}.hardware-center .hardware-vu{width:32px;min-height:150px;padding:4px;display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#080a0b}.hardware-center .hardware-vu-column{height:100%;display:flex;flex-direction:column-reverse;gap:2px;overflow:visible;border:0;background:transparent;box-shadow:none}.hardware-center .hardware-vu-column i,.hardware-center .hardware-vu-column i:before{position:static}.hardware-center .hardware-vu-column i{width:100%;min-height:2px;flex:1;border-radius:1px;background:#17231d;box-shadow:none;filter:none;opacity:.5;transition:background-color 45ms linear,box-shadow 45ms linear,opacity 45ms linear}.hardware-center .hardware-vu-column i:before{display:none}.hardware-center .hardware-vu-column i.orange{background:#2a200f}.hardware-center .hardware-vu-column i.red{background:#2c1117}.hardware-center .hardware-vu-column i.green.lit{background:#43dc8d;opacity:1;box-shadow:0 0 4px #43dc8d}.hardware-center .hardware-vu-column i.orange.lit{background:#f0ad39;opacity:1;box-shadow:0 0 4px #f0ad39}.hardware-center .hardware-vu-column i.red.lit{background:#ff526e;opacity:1;box-shadow:0 0 5px #ff526e}.hardware-center .hardware-master>small{width:25px}.library-page{min-height:calc(100vh - 58px);padding:28px 34px 50px;background:radial-gradient(circle at 15% 0%,rgba(var(--user-accent-rgb),.12),transparent 32%),#090d11;color:#e7edf2}.library-page-hero{max-width:1380px;margin:0 auto 20px;display:flex;align-items:center;justify-content:space-between;padding:24px 26px;border:1px solid #29333d;background:linear-gradient(135deg,#151d25,#0d1217);box-shadow:0 15px 40px #0005}.library-page-hero>div{display:flex;align-items:center;gap:17px}.library-page-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(var(--user-accent-rgb),.65);background:rgba(var(--user-accent-rgb),.12);color:var(--user-accent)}.library-page-icon svg{width:26px}.library-page-hero small{color:var(--user-accent);font-size:10px;font-weight:900;letter-spacing:1.5px}.library-page-hero h1{margin:2px 0 3px;font-size:25px}.library-page-hero p{margin:0;color:#8896a2;font-size:12px}.library-upload-primary{height:42px;padding:0 18px;display:flex;align-items:center;gap:9px;border:1px solid var(--user-accent);background:var(--user-accent);color:#071017;font-size:11px;font-weight:900}.library-upload-primary svg{width:16px}.library-upload-primary:disabled{opacity:.55}.library-page-error,.library-upload-progress{max-width:1380px;margin:0 auto 14px;padding:12px 16px;border:1px solid #6f3340;background:#32151c;color:#ffc2cc;display:flex;align-items:center;justify-content:space-between}.library-page-error button{border:0;background:none;color:inherit}.library-page-error svg{width:16px}.library-upload-progress{position:relative;border-color:#315b70;background:#10232d;color:#d8f4ff}.library-upload-progress span{display:flex;flex-direction:column;gap:3px}.library-upload-progress small{color:#8faab6}.library-upload-progress>i{position:absolute;left:0;right:0;bottom:0;height:3px;background:#15242b}.library-upload-progress>i span{height:100%;background:var(--user-accent);transition:width .2s}.library-page-layout{max-width:1380px;margin:auto;display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.library-categories-card,.library-tracks-card{border:1px solid #29333d;background:#10161c;box-shadow:0 10px 30px #0004}.library-card-title,.library-tracks-toolbar{height:66px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29333d}.library-card-title span,.library-tracks-toolbar>span{display:flex;flex-direction:column;gap:3px}.library-card-title small,.library-tracks-toolbar small{color:#768590;font-size:10px}.library-card-title>button{width:32px;height:32px;border:1px solid #394854;background:#182129;color:var(--user-accent)}.library-card-title svg{width:15px}.library-categories-card>button,.library-category-item{width:100%;min-height:42px;border:0;border-bottom:1px solid #202932;background:transparent;color:#bec9d1}.library-categories-card>button{padding:0 14px;display:flex;align-items:center;justify-content:space-between}.library-categories-card>button.active,.library-category-item.active{background:rgba(var(--user-accent-rgb),.12);color:#fff}.library-category-item{display:grid;grid-template-columns:1fr 30px 30px;align-items:center}.library-category-item>button{height:100%;border:0;background:transparent;color:#71808b}.library-category-item>button:hover{color:#fff}.library-category-select{display:flex!important;align-items:center;gap:9px;padding:0 14px;color:inherit!important;text-align:left}.library-category-select i{width:8px;height:8px;border-radius:50%}.library-category-select span{flex:1}.library-category-select b{font-size:10px}.library-category-item svg{width:13px}.library-category-editor{margin:12px;padding:12px;border:1px solid #35434f;background:#0b1015}.library-category-editor>input{width:100%;height:34px;padding:0 9px;border:1px solid #3b4954;background:#111920;color:#fff}.library-category-editor>div{display:flex;gap:6px;margin:10px 0}.library-category-editor>div button{width:20px;height:20px;border:2px solid transparent}.library-category-editor>div button.selected{border-color:#fff}.library-category-editor>span{display:flex;justify-content:flex-end;gap:6px}.library-category-editor>span button{height:30px;padding:0 9px;border:1px solid #35434f;background:#151e25;color:#aebbc4;font-size:9px;font-weight:900}.library-category-editor>span .save{display:flex;align-items:center;gap:5px;color:#071017;background:var(--user-accent)}.library-category-editor>span svg{width:12px}.library-tracks-toolbar label{width:min(390px,50%);height:34px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid #35434f;background:#0b1015}.library-tracks-toolbar label svg{width:14px;color:#71818d}.library-tracks-toolbar input{width:100%;border:0;outline:0;background:transparent;color:#fff}.library-page-track-list article{min-height:66px;padding:8px 14px;display:grid;grid-template-columns:46px minmax(180px,1fr) 190px 150px;gap:13px;align-items:center;border-bottom:1px solid #202932}.library-track-art{width:42px;height:42px;display:grid;place-items:center;background:#182129;color:#657480;overflow:hidden}.library-track-art img{width:100%;height:100%;object-fit:cover}.library-track-art svg{width:18px}.library-track-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.library-track-copy b,.library-track-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-track-copy small{color:#778691;font-size:10px}.library-page-track-list select{height:32px;border:1px solid #35434f;background:#111920;color:#cbd4da;padding:0 8px}.library-page-track-list article>button{height:32px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #3b4b57;background:#182129;color:#c4d0d8;font-size:9px;font-weight:900}.library-page-track-list article>button.copied{border-color:#3bcf8e;color:#72eaae}.library-page-track-list article>button svg{width:13px}.library-page-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#687781}.library-page-empty svg{width:32px}.library-page-empty b{color:#aebac3}.library-page-empty span{font-size:11px}@media(max-width:850px){.library-page{padding:16px}.library-page-hero{align-items:flex-start;gap:18px;flex-direction:column}.library-page-layout{grid-template-columns:1fr}.library-page-track-list article{grid-template-columns:42px 1fr}.library-page-track-list article select,.library-page-track-list article>button{grid-column:2}.library-tracks-toolbar{height:auto;padding:13px;gap:10px;align-items:stretch;flex-direction:column}.library-tracks-toolbar label{width:100%}}.library-page.pro-ui{min-height:calc(100vh - 43px);padding:7px;background:linear-gradient(#0b1014e8,#080b0ee8),var(--app-background,none);font-family:var(--app-font,Arial),sans-serif;color:#cbd3d9}.library-page.pro-ui button,.library-page.pro-ui input,.library-page.pro-ui select{border-radius:0;font-family:inherit}.library-page.pro-ui .library-page-hero{max-width:none;height:45px;margin:0 0 6px;padding:0 9px;border:1px solid #48515a;background:linear-gradient(180deg,#171c20,#0b0e11);box-shadow:inset 0 0 0 1px #050607,0 1px 2px #000;position:relative}.library-page.pro-ui .library-page-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--user-accent),transparent 45%)}.library-page.pro-ui .library-page-hero>div{gap:8px}.library-page.pro-ui .library-page-icon{width:27px;height:27px;border:1px solid #4c5963;background:#11181d;box-shadow:inset 0 0 0 1px #05080a;color:var(--user-accent)}.library-page.pro-ui .library-page-icon svg{width:13px}.library-page.pro-ui .library-page-hero small{font-size:6px;letter-spacing:1.3px;color:#84929d}.library-page.pro-ui .library-page-hero h1{margin:0;font-size:11px;letter-spacing:.7px;color:#eef3f6}.library-page.pro-ui .library-page-hero p{margin-top:1px;font-size:5px;letter-spacing:1.2px;color:#65717a}.library-page.pro-ui .library-upload-primary{height:27px;padding:0 11px;border:1px solid #55616b;background:linear-gradient(#1d252b,#0d1216);box-shadow:inset 0 0 0 1px #050709;color:#dfe7ec;font-size:7px;letter-spacing:.4px}.library-page.pro-ui .library-upload-primary:hover{border-color:var(--user-accent);color:#fff}.library-page.pro-ui .library-upload-primary svg{width:11px}.library-page.pro-ui .library-page-error,.library-page.pro-ui .library-upload-progress{max-width:none;min-height:32px;margin:0 0 6px;padding:5px 9px;font-size:8px}.library-page.pro-ui .library-page-layout{max-width:none;margin:0;grid-template-columns:220px minmax(0,1fr);gap:6px;align-items:start}.library-page.pro-ui .library-categories-card,.library-page.pro-ui .library-tracks-card{border:1px solid #48515a;background:#0b0f12;box-shadow:inset 0 0 0 1px #030405}.library-page.pro-ui .library-card-title,.library-page.pro-ui .library-tracks-toolbar{height:35px;padding:0 8px;border-color:#303840;background:linear-gradient(#171c20,#0d1114)}.library-page.pro-ui .library-card-title b,.library-page.pro-ui .library-tracks-toolbar b{font-size:8px;letter-spacing:1px}.library-page.pro-ui .library-card-title small,.library-page.pro-ui .library-tracks-toolbar small{font-size:5px;letter-spacing:.7px;color:#64727c}.library-page.pro-ui .library-card-title>button{width:22px;height:22px;border-color:#46525c;background:#11171c}.library-page.pro-ui .library-card-title svg{width:10px}.library-page.pro-ui .library-categories-card>button,.library-page.pro-ui .library-category-item{min-height:27px;border-color:#252c32;font-size:8px}.library-page.pro-ui .library-categories-card>button{padding:0 8px}.library-page.pro-ui .library-categories-card>button.active,.library-page.pro-ui .library-category-item.active{background:linear-gradient(90deg,rgba(var(--user-accent-rgb),.22),#171d22);box-shadow:inset 2px 0 var(--user-accent)}.library-page.pro-ui .library-category-item{grid-template-columns:1fr 22px 22px}.library-page.pro-ui .library-category-select{gap:6px;padding:0 8px}.library-page.pro-ui .library-category-select i{width:5px;height:5px}.library-page.pro-ui .library-category-select b{font-size:6px}.library-page.pro-ui .library-category-item svg{width:9px}.library-page.pro-ui .library-category-editor{margin:6px;padding:7px}.library-page.pro-ui .library-category-editor>input{height:25px;font-size:8px}.library-page.pro-ui .library-category-editor>div{gap:4px;margin:6px 0}.library-page.pro-ui .library-category-editor>div button{width:14px;height:14px}.library-page.pro-ui .library-category-editor>span button{height:22px;font-size:6px}.library-page.pro-ui .library-tracks-toolbar label{width:310px;height:23px;padding:0 7px}.library-page.pro-ui .library-tracks-toolbar label svg{width:9px}.library-page.pro-ui .library-tracks-toolbar input{font-size:7px}.library-track-columns{height:20px;padding:0 8px;display:grid;grid-template-columns:34px minmax(160px,1fr) 150px 116px;gap:8px;align-items:center;border-bottom:1px solid #394149;background:#161b1f;color:#84909a;font-size:5px;font-weight:900;letter-spacing:.8px}.library-page.pro-ui .library-page-track-list article{min-height:39px;padding:4px 8px;grid-template-columns:34px minmax(160px,1fr) 150px 116px;gap:8px;border-color:#252c32}.library-page.pro-ui .library-page-track-list article:nth-child(2n){background:#0e1317}.library-page.pro-ui .library-page-track-list article:hover{background:#151c21}.library-page.pro-ui .library-track-art{width:29px;height:29px;border:1px solid #26323a;background:#121a20}.library-page.pro-ui .library-track-art svg{width:11px}.library-page.pro-ui .library-track-copy{gap:2px}.library-page.pro-ui .library-track-copy b{font-size:8px}.library-page.pro-ui .library-track-copy small{font-size:6px}.library-page.pro-ui .library-page-track-list select{height:23px;padding:0 6px;font-size:7px;border-color:#4a555e;background:#0a0e11}.library-page.pro-ui .library-page-track-list article>button{height:23px;gap:4px;font-size:6px;border-color:#42515c;background:linear-gradient(#182129,#0d1318)}.library-page.pro-ui .library-page-track-list article>button svg{width:9px}.library-page.pro-ui .library-page-empty{min-height:180px;font-size:8px}.library-page.pro-ui .library-page-empty svg{width:21px}.library-page.pro-ui .library-page-empty span{font-size:7px}@media(max-width:850px){.library-page.pro-ui .library-page-layout{grid-template-columns:1fr}.library-page.pro-ui .library-page-hero{height:auto;min-height:52px;padding:7px}.library-page.pro-ui .library-track-columns{display:none}.library-page.pro-ui .library-page-track-list article{grid-template-columns:34px 1fr}.library-page.pro-ui .library-page-track-list article select,.library-page.pro-ui .library-page-track-list article>button{grid-column:2}.library-page.pro-ui .library-tracks-toolbar label{width:100%}}.admin-dashboard{--admin-bg: rgba(7, 10, 14, .92);--admin-surface: #151719;--admin-surface-2: #1b1e21;--admin-surface-3: #22262a;--admin-well: #090d11;--admin-line: #3d4246;--admin-line-soft: #292f35;--admin-text: #e6ebef;--admin-soft: #bcc5cc;--admin-muted: #7f8a93;--admin-accent: var(--user-accent, #2bbcff);--admin-accent-rgb: var(--user-accent-rgb, 43, 188, 255);--admin-danger: #ff6f89;--admin-success: #67dda2;--admin-warning: #e8c95b;--admin-radius: 3px;--admin-shadow: 0 10px 28px rgba(0, 0, 0, .34), inset 0 1px rgba(255, 255, 255, .035);width:100%;max-width:1920px;height:calc((100dvh / var(--interface-scale, 1)) - 54px);min-height:0;margin:0 auto;padding:10px 12px 28px;display:grid;align-content:start;gap:9px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;color:var(--admin-text);scrollbar-color:#4b535a var(--admin-well)}:root[data-appearance=light] .admin-dashboard{--admin-bg: rgba(233, 233, 233, .94);--admin-surface: #e3e3e3;--admin-surface-2: #d5d7d9;--admin-surface-3: #f3f3f3;--admin-well: #f8f8f8;--admin-line: #a6aaad;--admin-line-soft: #c1c4c6;--admin-text: #202428;--admin-soft: #444b51;--admin-muted: #626a71;--admin-danger: #8d2f45;--admin-success: #236545;--admin-warning: #795c0a;--admin-shadow: 0 9px 24px rgba(0, 0, 0, .14), inset 0 1px rgba(255, 255, 255, .8)}.admin-dashboard::-webkit-scrollbar{width:9px}.admin-dashboard::-webkit-scrollbar-track{background:var(--admin-well)}.admin-dashboard::-webkit-scrollbar-thumb{border:2px solid var(--admin-well);border-radius:8px;background:#4b535a}.admin-dashboard button,.admin-dashboard select,.admin-dashboard input,.admin-user-editor button,.admin-user-editor select,.admin-user-editor input,.admin-confirm-dialog button{font:inherit}.admin-dashboard button,.admin-user-editor button,.admin-confirm-dialog button,.admin-more-actions summary{border:1px solid var(--admin-line);border-radius:var(--admin-radius);background:linear-gradient(180deg,var(--admin-surface-3),var(--admin-surface));color:var(--admin-soft);box-shadow:inset 0 1px #ffffff0b;transition:border-color .15s ease,background .15s ease,color .15s ease,opacity .15s ease}.admin-dashboard button:hover:not(:disabled),.admin-user-editor button:hover:not(:disabled),.admin-confirm-dialog button:hover:not(:disabled),.admin-more-actions summary:hover{border-color:rgba(var(--admin-accent-rgb),.72);background:linear-gradient(180deg,rgba(var(--admin-accent-rgb),.14),var(--admin-surface));color:var(--admin-text)}.admin-dashboard button:focus-visible,.admin-dashboard input:focus-visible,.admin-dashboard select:focus-visible,.admin-user-editor button:focus-visible,.admin-user-editor input:focus-visible,.admin-user-editor select:focus-visible,.admin-confirm-dialog button:focus-visible,.admin-more-actions summary:focus-visible{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-dashboard button:disabled,.admin-user-editor button:disabled,.admin-confirm-dialog button:disabled{opacity:.35}.admin-dashboard .danger,.admin-user-editor .danger,.admin-confirm-dialog .danger{border-color:color-mix(in srgb,var(--admin-danger) 45%,var(--admin-line));color:var(--admin-danger)}.admin-dashboard .primary,.admin-user-editor .primary{border-color:rgba(var(--admin-accent-rgb),.62);background:linear-gradient(180deg,rgba(var(--admin-accent-rgb),.2),rgba(var(--admin-accent-rgb),.08));color:var(--admin-text)}.admin-hero,.admin-console-tabs,.admin-kpis article,.admin-panel{border:1px solid var(--admin-line);border-radius:var(--admin-radius);background:var(--admin-bg);box-shadow:var(--admin-shadow)}.admin-hero{position:relative;min-height:82px;padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden;border-left:3px solid var(--admin-accent);background:linear-gradient(90deg,rgba(var(--admin-accent-rgb),.07),transparent 34%),var(--admin-bg)}.admin-hero:after{content:"";position:absolute;inset:auto 18px 0 auto;width:180px;height:1px;background:linear-gradient(90deg,transparent,var(--admin-accent));opacity:.45}.admin-hero-copy{min-width:0}.admin-eyebrow{margin-bottom:5px;display:flex;align-items:center;gap:6px;color:var(--admin-accent);font-size:7px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.admin-eyebrow svg{width:12px}.admin-hero h1{margin:0;color:var(--admin-text);font-size:22px;line-height:1.08;letter-spacing:-.015em}.admin-hero p{margin:5px 0 0;color:var(--admin-muted);font-size:8px}.admin-hero-actions{display:flex;align-items:center;gap:8px}.admin-sync{height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--admin-line-soft);border-radius:var(--admin-radius);background:var(--admin-well);color:var(--admin-muted);font-size:7px;white-space:nowrap}.admin-sync i{width:6px;height:6px;border-radius:50%;background:var(--admin-success);box-shadow:0 0 8px color-mix(in srgb,var(--admin-success) 65%,transparent)}.admin-refresh{height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:7px;font-weight:800;letter-spacing:.05em}.admin-refresh svg{width:12px}.admin-console-tabs{min-height:46px;display:grid;grid-template-columns:minmax(190px,1fr) minmax(190px,1fr) auto;overflow:hidden}.admin-console-tabs>button{min-width:0;min-height:46px;padding:0 13px;display:flex;align-items:center;gap:9px;border:0;border-right:1px solid var(--admin-line-soft);border-radius:0;background:transparent;box-shadow:none;text-align:left}.admin-console-tabs>button svg{width:15px;color:var(--admin-muted)}.admin-console-tabs>button span{min-width:0;display:grid;gap:2px}.admin-console-tabs>button b{color:var(--admin-soft);font-size:8px;letter-spacing:.08em}.admin-console-tabs>button small{color:var(--admin-muted);font-size:7px}.admin-console-tabs>button.active{background:rgba(var(--admin-accent-rgb),.09);box-shadow:inset 0 -2px var(--admin-accent)}.admin-console-tabs>button.active svg,.admin-console-tabs>button.active b{color:var(--admin-accent)}.admin-console-tabs>span{padding:0 13px;display:flex;align-items:center;gap:6px;color:var(--admin-muted);font-size:7px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.admin-console-tabs>span svg{width:13px}.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.admin-kpis article{position:relative;min-width:0;min-height:76px;padding:10px 12px;display:flex;align-items:center;gap:10px;overflow:hidden;background:linear-gradient(105deg,var(--admin-surface),var(--admin-bg))}.admin-kpis article:before{content:"";position:absolute;left:12px;bottom:0;width:42px;height:2px;background:var(--admin-accent);opacity:.8}.admin-kpis article.is-live:before{background:var(--admin-success)}.admin-kpi-icon,.admin-section-icon{flex:0 0 auto;display:grid;place-items:center;border:1px solid var(--admin-line);border-radius:var(--admin-radius);background:var(--admin-well);color:var(--admin-accent)}.admin-kpi-icon{width:36px;height:36px}.admin-kpi-icon svg{width:16px}.admin-kpis article.is-live .admin-kpi-icon{color:var(--admin-success)}.admin-kpis article>div{min-width:0;display:grid;gap:2px}.admin-kpis small{color:var(--admin-muted);font-size:7px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.admin-kpis strong{overflow:hidden;color:var(--admin-text);font:800 19px/1.05 ui-monospace,SFMono-Regular,Consolas,monospace;text-overflow:ellipsis;white-space:nowrap}.admin-kpis article>div>span{color:var(--admin-muted);font-size:7px}.admin-panel{min-width:0;overflow:hidden}.admin-section-head{min-height:56px;padding:9px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--admin-line);background:linear-gradient(90deg,var(--admin-surface),var(--admin-bg))}.admin-section-head>div:first-child{min-width:0;display:flex;align-items:center;gap:9px}.admin-section-icon{width:29px;height:29px}.admin-section-icon svg{width:13px}.admin-section-head h2{margin:0;color:var(--admin-text);font-size:10px;letter-spacing:.02em}.admin-section-head p{margin:3px 0 0;color:var(--admin-muted);font-size:7px}.admin-count{height:28px;padding:0 9px;display:inline-flex;align-items:center;border:1px solid var(--admin-line);border-radius:var(--admin-radius);background:var(--admin-well);color:var(--admin-soft);font-size:7px;white-space:nowrap}.admin-icon-button{width:28px;height:28px;padding:0;display:grid;place-items:center}.admin-icon-button svg{width:12px}.admin-dashboard .error.global{margin:0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--admin-danger) 45%,transparent);border-radius:var(--admin-radius);background:color-mix(in srgb,var(--admin-danger) 10%,var(--admin-well));color:var(--admin-danger);font-size:8px}.admin-dashboard .table-wrap,.admin-users-table-wrap{margin:8px;overflow:auto;border:1px solid var(--admin-line-soft);border-radius:var(--admin-radius);background:var(--admin-well)}.admin-dashboard table{width:100%;min-width:850px;border-collapse:collapse;table-layout:auto;font-size:8px}.admin-dashboard th{height:31px;padding:0 10px;border-right:1px solid var(--admin-line-soft);border-bottom:1px solid var(--admin-line);background:var(--admin-surface);color:var(--admin-muted);font-size:7px;font-weight:900;letter-spacing:.08em;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-dashboard td{height:44px;padding:6px 10px;border-top:1px solid var(--admin-line-soft);color:var(--admin-soft);background:color-mix(in srgb,var(--admin-well) 91%,transparent);vertical-align:middle}.admin-dashboard tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--admin-surface) 45%,var(--admin-well))}.admin-dashboard tbody tr:hover td{background:color-mix(in srgb,var(--admin-accent) 8%,var(--admin-well))}.admin-dashboard td code{padding:3px 5px;border:1px solid rgba(var(--admin-accent-rgb),.18);border-radius:2px;background:rgba(var(--admin-accent-rgb),.06);color:var(--admin-accent);font:7px ui-monospace,SFMono-Regular,Consolas,monospace}.admin-viewers{display:inline-flex;align-items:center;gap:5px}.admin-viewers svg{width:11px;color:var(--admin-muted)}.admin-viewers small{padding-left:5px;border-left:1px solid var(--admin-line-soft);color:var(--admin-muted)}.admin-recording-info{display:flex;flex-direction:column;gap:2px}.admin-recording-info b{color:var(--admin-soft);font-size:8px}.admin-recording-info small{color:var(--admin-muted)}.admin-recording-info.empty{color:var(--admin-muted);font-size:8px}.admin-dashboard .row-actions{display:flex;align-items:center;gap:4px}.admin-dashboard .row-actions button{width:26px;height:25px;padding:0;display:grid;place-items:center}.admin-dashboard .row-actions button svg{width:11px}.admin-dashboard .badge{min-height:20px;padding:0 7px;display:inline-flex;align-items:center;border:1px solid var(--admin-line);border-radius:2px;background:var(--admin-surface);color:var(--admin-soft);font-size:7px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.admin-dashboard .badge.live,.admin-dashboard .badge.starting,.admin-dashboard .badge.user-ok{border-color:color-mix(in srgb,var(--admin-success) 48%,var(--admin-line));color:var(--admin-success)}.admin-dashboard .badge.crashed,.admin-dashboard .badge.user-badge{border-color:color-mix(in srgb,var(--admin-danger) 40%,var(--admin-line));color:var(--admin-danger)}.admin-dashboard .badge.role-admin{border-color:rgba(var(--admin-accent-rgb),.55);color:var(--admin-accent)}.admin-empty{min-height:130px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--admin-muted);text-align:center}.admin-empty svg{width:22px;height:22px;margin-bottom:2px;opacity:.62}.admin-empty b{color:var(--admin-soft);font-size:9px}.admin-empty span{font-size:7px}.admin-users-head{align-items:center}.admin-user-tools{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:6px}.admin-search{width:min(320px,28vw);height:30px;padding:0 8px;display:flex;align-items:center;gap:6px;border:1px solid var(--admin-line);border-radius:var(--admin-radius);background:var(--admin-well)}.admin-search:focus-within{border-color:var(--admin-accent);box-shadow:inset 2px 0 var(--admin-accent)}.admin-search svg{width:12px;color:var(--admin-muted)}.admin-search input{min-width:0;width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--admin-text);font-size:8px}.admin-search input::placeholder{color:var(--admin-muted)}.admin-search>span{color:var(--admin-muted);font:7px ui-monospace,monospace}.admin-user-tools select{height:30px;min-width:118px;padding:0 25px 0 8px;border:1px solid var(--admin-line);border-radius:var(--admin-radius);outline:0;background:var(--admin-well);color:var(--admin-soft);font-size:7px}.admin-user-tools select:focus{border-color:var(--admin-accent);box-shadow:inset 2px 0 var(--admin-accent)}.admin-users-table{min-width:1100px!important;table-layout:fixed!important}.admin-users-table th:nth-child(1){width:17%}.admin-users-table th:nth-child(2){width:15%}.admin-users-table th:nth-child(3){width:21%}.admin-users-table th:nth-child(4){width:8%}.admin-users-table th:nth-child(5){width:7%}.admin-users-table th:nth-child(6){width:18%}.admin-users-table th:nth-child(7){width:14%}.admin-user-main{min-width:0;display:flex;align-items:center;gap:8px}.admin-user-avatar{position:relative;width:29px;height:29px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border:1px solid var(--admin-line);border-radius:50%;background:var(--admin-surface);color:var(--admin-muted)}.admin-user-avatar img{width:100%;height:100%;object-fit:cover}.admin-user-avatar>svg{width:13px}.admin-user-avatar>i{position:absolute;right:0;bottom:0;width:7px;height:7px;border:1px solid var(--admin-well);border-radius:50%;background:var(--admin-success)}.admin-user-avatar>i.blocked{background:var(--admin-danger)}.admin-user-name,.admin-table-stack,.admin-table-metric{min-width:0;display:grid;gap:2px}.admin-user-name b,.admin-table-stack b{overflow:hidden;color:var(--admin-text);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.admin-user-name small,.admin-table-stack small,.admin-table-metric small{overflow:hidden;color:var(--admin-muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.admin-table-metric b{color:var(--admin-text);font:800 10px ui-monospace,monospace}.admin-user-status{display:flex;flex-wrap:wrap;gap:4px}.admin-table-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px}.admin-table-actions>button,.admin-more-actions>summary{height:25px;min-width:26px;padding:0 6px;display:grid;place-items:center;font-size:7px}.admin-table-actions>button svg{width:11px}.admin-more-actions{position:relative}.admin-more-actions>summary{list-style:none;cursor:pointer}.admin-more-actions>summary::-webkit-details-marker{display:none}.admin-more-actions>div{position:absolute;z-index:80;right:0;top:calc(100% + 5px);width:185px;padding:5px;display:grid;gap:4px;border:1px solid var(--admin-line);border-radius:var(--admin-radius);background:var(--admin-well);box-shadow:0 15px 36px #0000008c}.admin-more-actions>div button{min-height:28px;padding:0 8px;display:flex;align-items:center;gap:6px;text-align:left;font-size:7px}.admin-more-actions>div button svg{width:11px}.admin-users-pager{height:30px;display:flex;align-items:center;border:1px solid var(--admin-line);border-radius:var(--admin-radius);overflow:hidden;background:var(--admin-well)}.admin-users-pager button{width:28px;height:28px;padding:0;display:grid;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none}.admin-users-pager button:first-child{border-right:1px solid var(--admin-line-soft)}.admin-users-pager button:last-child{border-left:1px solid var(--admin-line-soft)}.admin-users-pager button svg{width:12px}.admin-users-pager>span{min-width:48px;text-align:center;color:var(--admin-muted);font:7px ui-monospace,monospace}.admin-users-pager>span b{color:var(--admin-accent);font-size:8px}.admin-session-summary{margin:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.admin-session-summary article{min-width:0;min-height:54px;padding:8px;display:flex;align-items:center;gap:8px;border:1px solid var(--admin-line-soft);border-radius:var(--admin-radius);background:var(--admin-well)}.admin-session-summary article>svg{width:14px;flex:0 0 auto;color:var(--admin-accent)}.admin-session-summary article span{min-width:0;display:grid;gap:2px}.admin-session-summary small{color:var(--admin-muted);font-size:7px}.admin-session-summary b{overflow:hidden;color:var(--admin-text);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.admin-dashboard .logs{max-height:320px;margin:8px;overflow:auto;border:1px solid var(--admin-line-soft);border-radius:var(--admin-radius);background:var(--admin-well)}.admin-dashboard .logs>div{min-height:34px;padding:7px 8px;display:grid;grid-template-columns:140px 90px 150px minmax(0,1fr);gap:8px;align-items:start;border-top:1px solid var(--admin-line-soft);color:var(--admin-soft);font-size:7px}.admin-dashboard .logs>div:first-child{border-top:0}.admin-dashboard .logs b{color:var(--admin-accent);font-size:7px}.admin-dashboard .logs span{color:var(--admin-muted)}.admin-dashboard .logs pre{margin:0;color:var(--admin-muted);font:7px/1.4 ui-monospace,monospace;white-space:pre-wrap}.admin-session-members{margin:8px;border:1px solid var(--admin-line-soft);border-radius:var(--admin-radius);overflow:hidden}.admin-session-members-head{min-height:42px;padding:7px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--admin-line-soft);background:var(--admin-surface)}.admin-session-members-head>div{display:flex;align-items:center;gap:7px}.admin-session-members-head svg{width:13px;color:var(--admin-accent)}.admin-session-members-head>div>span{display:grid;gap:2px}.admin-session-members-head b{color:var(--admin-text);font-size:8px}.admin-session-members-head small{color:var(--admin-muted);font-size:7px}.admin-member-list{display:grid}.admin-member-list article{min-height:43px;padding:6px 8px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;border-top:1px solid var(--admin-line-soft);background:var(--admin-well)}.admin-member-list article:first-child{border-top:0}.admin-member-list article>span:nth-child(2){min-width:0;display:grid;gap:2px}.admin-member-list article b{overflow:hidden;color:var(--admin-text);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.admin-member-list article small{color:var(--admin-muted);font-size:7px}.admin-member-list em{padding:4px 7px;border:1px solid var(--admin-line);border-radius:2px;color:var(--admin-muted);font-size:7px;font-style:normal;text-transform:uppercase}.admin-member-list em.owner{border-color:rgba(var(--admin-accent-rgb),.5);color:var(--admin-accent)}.admin-pagination{min-height:36px;margin:0 8px 8px;padding:4px 6px;display:flex;align-items:center;justify-content:space-between;gap:9px;border:1px solid var(--admin-line-soft);border-radius:var(--admin-radius);background:var(--admin-well);color:var(--admin-muted);font-size:7px}.admin-pagination>div{display:flex;align-items:center;gap:5px}.admin-pagination b{min-width:82px;text-align:center;color:var(--admin-soft);font:700 7px ui-monospace,monospace;letter-spacing:.06em}.admin-pagination button{width:26px;height:25px;padding:0;display:grid;place-items:center}.admin-pagination button svg{width:11px}.admin-user-editor-backdrop{position:fixed;z-index:220;top:0;right:0;bottom:0;left:0;padding:28px;display:grid;place-items:center;background:#000000b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.admin-user-editor,.admin-confirm-dialog{--admin-bg: rgba(7, 10, 14, .98);--admin-surface: #151719;--admin-surface-2: #1b1e21;--admin-surface-3: #22262a;--admin-well: #090d11;--admin-line: #3d4246;--admin-line-soft: #292f35;--admin-text: #e6ebef;--admin-soft: #bcc5cc;--admin-muted: #7f8a93;--admin-accent: var(--user-accent, #2bbcff);--admin-accent-rgb: var(--user-accent-rgb, 43, 188, 255);--admin-danger: #ff6f89;--admin-success: #67dda2;--admin-radius: 3px;width:min(850px,calc(100vw - 32px));max-height:calc(100vh - 50px);overflow:auto;border:1px solid var(--admin-line);border-radius:5px;background:var(--admin-bg);color:var(--admin-text);box-shadow:0 26px 80px #000000b8,inset 0 1px #ffffff0a}:root[data-appearance=light] .admin-user-editor,:root[data-appearance=light] .admin-confirm-dialog{--admin-bg: #eeeeee;--admin-surface: #e2e2e2;--admin-surface-2: #d5d7d9;--admin-surface-3: #f4f4f4;--admin-well: #f9f9f9;--admin-line: #a6aaad;--admin-line-soft: #c1c4c6;--admin-text: #202428;--admin-soft: #444b51;--admin-muted: #626a71;--admin-danger: #8d2f45;--admin-success: #236545}.admin-user-editor>header,.admin-confirm-dialog>header{min-height:52px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--admin-line);background:var(--admin-surface)}.admin-user-editor>header>div,.admin-confirm-dialog>header>span{display:flex;align-items:center;gap:8px}.admin-user-editor>header svg,.admin-confirm-dialog>header svg{width:14px;color:var(--admin-accent)}.admin-user-editor>header span{display:grid;gap:2px}.admin-user-editor>header b,.admin-confirm-dialog>header b{color:var(--admin-text);font-size:9px;letter-spacing:.06em}.admin-user-editor>header small{color:var(--admin-muted);font-size:7px}.admin-user-editor>header>button,.admin-confirm-dialog>header>button{width:27px;height:27px;padding:0;display:grid;place-items:center}.admin-user-editor>header>button svg,.admin-confirm-dialog>header>button svg{width:12px;color:currentColor}.admin-user-editor-grid{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-user-editor-grid label{min-width:0;display:grid;gap:4px}.admin-user-editor-grid label.wide{grid-column:1 / -1}.admin-user-editor-grid label>span{color:var(--admin-muted);font-size:7px;font-weight:800;letter-spacing:.05em}.admin-user-editor-grid input,.admin-user-editor-grid select{width:100%;height:32px;padding:0 8px;border:1px solid var(--admin-line);border-radius:var(--admin-radius);outline:0;background:var(--admin-well);color:var(--admin-text);font-size:8px}.admin-user-editor-grid input:focus,.admin-user-editor-grid select:focus{border-color:var(--admin-accent);box-shadow:inset 2px 0 var(--admin-accent)}.admin-user-editor-flags{margin:0 12px 12px;padding:9px;display:flex;align-items:center;gap:14px;border:1px solid var(--admin-line-soft);border-radius:var(--admin-radius);background:var(--admin-well)}.admin-switch{position:relative;display:grid;grid-template-columns:34px auto;align-items:center;gap:8px;cursor:pointer}.admin-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.admin-switch>i{position:relative;width:34px;height:18px;border:1px solid var(--admin-line);border-radius:20px;background:var(--admin-surface);transition:.18s}.admin-switch>i:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--admin-muted);transition:.18s}.admin-switch input:checked+i{border-color:color-mix(in srgb,var(--admin-danger) 55%,var(--admin-line));background:color-mix(in srgb,var(--admin-danger) 18%,var(--admin-surface))}.admin-switch input:checked+i:after{left:18px;background:var(--admin-danger)}.admin-switch input:focus-visible+i{outline:2px solid var(--admin-accent);outline-offset:2px}.admin-switch>span{display:grid;gap:2px}.admin-switch>span b{color:var(--admin-text);font-size:7px}.admin-switch>span small{color:var(--admin-muted);font-size:7px}.admin-password-state{margin-left:auto;color:var(--admin-muted);font-size:7px}.admin-password-state b{color:var(--admin-soft)}.admin-user-editor>footer,.admin-confirm-dialog>footer{padding:9px 12px;display:flex;justify-content:flex-end;gap:6px;border-top:1px solid var(--admin-line);background:var(--admin-surface)}.admin-user-editor>footer button,.admin-confirm-dialog>footer button{min-height:29px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;font-size:7px;font-weight:800}.admin-user-editor>footer button svg{width:11px}.admin-confirm-dialog{width:min(470px,calc(100vw - 32px))}.admin-confirm-dialog>p{margin:0;padding:18px 14px;color:var(--admin-soft);font-size:9px;line-height:1.5}.admin-media-editor{width:min(760px,calc(100vw - 32px))}.admin-media-summary{padding:9px 12px;display:flex;gap:8px;border-bottom:1px solid var(--admin-line-soft)}.admin-media-summary>span{min-height:30px;padding:0 9px;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--admin-line-soft);border-radius:var(--admin-radius);background:var(--admin-well);color:var(--admin-muted);font-size:7px}.admin-media-summary b{color:var(--admin-text);font:800 9px ui-monospace,monospace}.admin-media-list{padding:9px 12px;display:grid;gap:5px}.admin-media-list article{min-height:45px;padding:6px 7px;display:grid;grid-template-columns:62px minmax(0,1fr) 80px 28px;gap:8px;align-items:center;border:1px solid var(--admin-line-soft);border-radius:var(--admin-radius);background:var(--admin-well)}.admin-media-kind{display:flex;align-items:center;gap:5px;color:var(--admin-accent)}.admin-media-kind svg{width:12px}.admin-media-kind small{color:var(--admin-muted);font-size:7px}.admin-media-name{min-width:0;display:grid;gap:2px}.admin-media-name b{overflow:hidden;color:var(--admin-text);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.admin-media-name small{overflow:hidden;color:var(--admin-muted);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.admin-media-list article>strong{color:var(--admin-soft);font:700 8px ui-monospace,monospace;text-align:right}.admin-media-list article>button{width:27px;height:27px;padding:0;display:grid;place-items:center}.admin-media-list article>button svg{width:11px}.admin-sessions-panel,.admin-users-panel{min-height:0}.admin-dashboard .table-wrap,.admin-users-table-wrap{min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable}.admin-dashboard .table-wrap thead th,.admin-users-table-wrap thead th{position:sticky;top:0;z-index:4;box-shadow:0 1px 0 var(--admin-line)}.admin-pagination{flex:0 0 auto}@media(min-width:1181px){.admin-sessions-panel,.admin-users-panel{height:auto;min-height:0;display:block}.admin-sessions-panel>.table-wrap,.admin-users-panel>.admin-users-table-wrap{height:auto;max-height:52dvh;overflow-x:auto;overflow-y:auto}.admin-sessions-panel>.admin-pagination,.admin-users-panel>.admin-pagination{margin-top:0}}@media(max-width:1180px){.admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-users-head{align-items:flex-start}.admin-user-tools{max-width:60%;flex-wrap:wrap}.admin-search{width:100%}}@media(max-width:900px){.admin-dashboard{padding:8px}.admin-hero{align-items:flex-start}.admin-hero-actions{flex-direction:column;align-items:stretch}.admin-console-tabs{grid-template-columns:1fr 1fr}.admin-console-tabs>span{display:none}.admin-section-head{align-items:flex-start}.admin-users-head{flex-direction:column}.admin-user-tools{width:100%;max-width:none;justify-content:flex-start}.admin-user-tools select{flex:1 1 150px}.admin-users-pager{margin-left:auto}.admin-session-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-dashboard .logs>div{grid-template-columns:1fr 1fr}.admin-dashboard .logs pre{grid-column:1 / -1}.admin-user-editor-flags{align-items:flex-start;flex-wrap:wrap}.admin-password-state{width:100%;margin-left:0}}@media(max-width:620px){.admin-dashboard{height:calc((100dvh / var(--interface-scale, 1)) - 54px);padding:6px;gap:6px}.admin-hero{min-height:0;padding:10px;flex-direction:column}.admin-hero h1{font-size:18px}.admin-hero-actions{width:100%;flex-direction:row}.admin-sync{flex:1}.admin-kpis,.admin-console-tabs{grid-template-columns:1fr}.admin-console-tabs>button{border-right:0;border-bottom:1px solid var(--admin-line-soft)}.admin-section-head{padding:8px}.admin-section-head p{display:none}.admin-user-tools{display:grid;grid-template-columns:1fr 1fr}.admin-user-tools .admin-count,.admin-user-tools .admin-search{grid-column:1 / -1;width:100%}.admin-users-pager{justify-self:end}.admin-session-summary{grid-template-columns:1fr}.admin-pagination{align-items:flex-start;flex-direction:column}.admin-pagination>div{align-self:flex-end}.admin-user-editor-backdrop{padding:10px}.admin-user-editor-grid{grid-template-columns:1fr}.admin-user-editor-grid label.wide{grid-column:auto}.admin-media-list article{grid-template-columns:52px minmax(0,1fr) 28px}.admin-media-list article>strong{display:none}}