.dj-pro-v12{margin-top:14px;border:1px solid rgba(255,255,255,.085);background:linear-gradient(180deg,rgba(11,13,21,.94),rgba(6,8,13,.96));box-shadow:0 30px 80px rgba(0,0,0,.28);overflow:hidden}.dj-pro-head{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.07);background:linear-gradient(90deg,rgba(102,233,255,.035),transparent 32%,rgba(154,124,255,.04))}.dj-pro-brand{display:flex;align-items:center;gap:11px}.dj-prism{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(102,233,255,.22);color:#9fdffc;font-size:18px;transform:rotate(45deg)}.dj-pro-brand div{display:flex;flex-direction:column}.dj-pro-brand span:not(.dj-prism){font:500 6px var(--mono);letter-spacing:.16em;color:#5d6677}.dj-pro-brand strong{font:500 18px var(--sans);letter-spacing:-.025em}.dj-pro-brand small{font:500 6px var(--mono);letter-spacing:.09em;color:#555d6e}.dj-master-actions{display:flex;gap:7px}.dj-master-actions button,.dj-master-actions label{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.025);padding:8px 10px;font:600 7px var(--mono);letter-spacing:.1em;color:#9099ab;cursor:pointer}.dj-master-actions button.on{border-color:rgba(255,95,111,.5);color:#ff7c88}.dj-master-actions input{display:none}.dj-main{display:grid;grid-template-columns:minmax(420px,1fr) 260px minmax(420px,1fr);min-height:670px}.pro-deck{padding:12px 14px;border-right:1px solid rgba(255,255,255,.065)}.pro-deck:last-child{border-right:0;border-left:1px solid rgba(255,255,255,.065)}.pro-deck header{height:46px;display:flex;justify-content:space-between;align-items:center}.pro-deck header>div{min-width:0}.pro-deck header span{display:block;font:600 6px var(--mono);letter-spacing:.16em;color:#596173}.pro-deck header strong{display:block;margin-top:4px;max-width:330px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 9px var(--mono);letter-spacing:.06em}.pro-load{border:1px solid rgba(255,255,255,.09);padding:7px 9px;font:600 6px var(--mono);letter-spacing:.1em;cursor:pointer}.pro-load input{display:none}.pro-wave{position:relative;height:160px;border:1px solid rgba(255,255,255,.07);background:#07090e;overflow:hidden}.pro-wave canvas{display:block}.pro-wave>i{position:absolute;top:0;bottom:0;width:1px;background:#fff;box-shadow:0 0 8px rgba(255,255,255,.5);pointer-events:none}.pro-readout{height:34px;display:flex;gap:16px;align-items:center;padding:0 8px;border:1px solid rgba(255,255,255,.055);border-top:0;font:500 6px var(--mono);letter-spacing:.08em;color:#555e70}.pro-readout b{color:#cfd4df;margin-left:4px}.pro-transport{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr .7fr .9fr;gap:4px;margin:9px 0}.pro-transport button,.pro-loop button,.pro-loop select{height:31px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.018);color:#737d90;font:600 6px var(--mono);letter-spacing:.08em;cursor:pointer}.pro-transport button.on,.pro-loop button.on{color:#d4ff67;border-color:rgba(212,255,103,.3);background:rgba(212,255,103,.04)}.pro-cues{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.pro-cues button{height:44px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.08));color:#536072;cursor:pointer}.pro-cues button span{display:block;font:700 8px var(--mono)}.pro-cues button small{display:block;margin-top:4px;font:500 5px var(--mono);letter-spacing:.07em}.pro-cues button.set{color:#fff;border-color:rgba(102,233,255,.3);background:linear-gradient(180deg,rgba(102,233,255,.1),rgba(154,124,255,.04))}.pro-loop{display:grid;grid-template-columns:1fr 60px .8fr 1fr;gap:4px;margin-top:7px}.pro-loop select{text-align:center}.pro-platter{width:156px;height:156px;margin:16px auto;border-radius:50%;border:1px solid rgba(255,255,255,.095);background:repeating-radial-gradient(circle,rgba(255,255,255,.04) 0 1px,transparent 1px 5px),radial-gradient(circle at 40% 35%,#222837,#0a0c12 62%);box-shadow:inset 0 0 0 12px rgba(0,0,0,.2),0 16px 28px rgba(0,0,0,.25);display:grid;place-items:center;cursor:ew-resize;user-select:none}.pro-platter>div{width:70px;height:70px;border-radius:50%;border:1px solid rgba(102,233,255,.18);display:grid;place-items:center;text-align:center;background:#0b0e15}.pro-platter b{font:500 22px var(--sans);color:#dce2ed}.pro-platter small{font:500 4px var(--mono);color:#535b6b;letter-spacing:.08em}.pro-eq{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;border-top:1px solid rgba(255,255,255,.055);padding-top:10px}.pro-eq label{display:flex;flex-direction:column;gap:5px;text-align:center;font:500 5px var(--mono);letter-spacing:.08em;color:#555f70}.pro-eq input{width:100%;accent-color:#66e9ff}.dj-center{padding:12px;background:rgba(0,0,0,.18)}.xy-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.xy-head span{font:600 6px var(--mono);letter-spacing:.15em;color:#697386}.xy-head select,#xyProgram{border:1px solid rgba(255,255,255,.08);background:#090b11;color:#aeb5c2;font:600 6px var(--mono);padding:6px}#xyProgram{width:100%;margin-bottom:7px}.xy-pad{position:relative;aspect-ratio:1;border:1px solid rgba(102,233,255,.16);background:radial-gradient(circle at 70% 22%,rgba(154,124,255,.14),transparent 34%),linear-gradient(135deg,rgba(102,233,255,.045),rgba(255,107,199,.045)),#080a10;cursor:crosshair;overflow:hidden}.xy-pad:before,.xy-pad:after{content:"";position:absolute;background:rgba(255,255,255,.035)}.xy-pad:before{left:50%;top:0;bottom:0;width:1px}.xy-pad:after{top:50%;left:0;right:0;height:1px}.xy-pad>i{position:absolute;left:78%;top:95%;width:17px;height:17px;border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(102,233,255,.55),inset 0 0 0 4px rgba(102,233,255,.14);pointer-events:none}.xy-pad span,.xy-pad em{position:absolute;font:500 5px var(--mono);color:#404958}.xy-pad span{right:5px;bottom:4px}.xy-pad em{left:5px;top:4px;font-style:normal}.xy-actions{display:flex;gap:4px;align-items:center;margin:6px 0 16px}.xy-actions button{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#657084;padding:7px 9px;font:600 6px var(--mono)}.xy-actions button.on{color:#d4ff67;border-color:rgba(212,255,103,.28)}.xy-actions span{margin-left:auto;font:500 5px var(--mono);color:#4e5768}.pro-cross{display:flex;flex-direction:column;gap:7px;font:600 6px var(--mono);letter-spacing:.1em;color:#626c7d}.pro-cross input{width:100%;accent-color:#d4ff67}.pro-cross span{display:flex;justify-content:space-between}.sync-row{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:10px}.sync-row button{height:31px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#7b8597;font:600 6px var(--mono);cursor:pointer}.dj-bottom{display:grid;grid-template-columns:1.5fr 1fr;border-top:1px solid rgba(255,255,255,.07);min-height:190px}.dj-library{border-right:1px solid rgba(255,255,255,.06)}.dj-library header,.dj-sampler header{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.05);font:600 6px var(--mono);letter-spacing:.12em;color:#667184}.dj-library input{width:240px;border:1px solid rgba(255,255,255,.07);background:#080a10;color:#fff;padding:6px 8px;font:500 7px var(--mono)}#djLibraryRows{max-height:150px;overflow:auto}.dj-lib-row{height:31px;display:grid;grid-template-columns:1fr 30px 30px;align-items:center;padding-left:10px;border-bottom:1px solid rgba(255,255,255,.035);font:500 7px var(--mono);color:#7a8395}.dj-lib-row button{height:22px;margin-right:4px;border:1px solid rgba(255,255,255,.07);background:transparent;color:#667084;font:600 6px var(--mono)}.dj-sampler header small{font:500 5px var(--mono);color:#464f5f}.dj-sampler>div{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px}.dj-sample-pad{min-height:60px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.14));color:#596477;cursor:pointer}.dj-sample-pad b{display:block;font:600 8px var(--mono)}.dj-sample-pad small{display:block;margin-top:5px;font:500 5px var(--mono)}.dj-sample-pad.loaded{border-color:rgba(255,107,199,.25);color:#fff;background:linear-gradient(180deg,rgba(255,107,199,.08),rgba(154,124,255,.03))}@media(max-width:1250px){.dj-main{grid-template-columns:1fr 220px 1fr}.pro-transport{grid-template-columns:repeat(3,1fr)}.pro-eq{grid-template-columns:repeat(3,1fr)}}