.pnx-shell{--pnx-cyan:#2dd4e8;--pnx-cyan-dim:#1a8a9c;--pnx-cyan-rgb:45, 212, 232;--pnx-amber:#f0a53c;--pnx-amber-dim:#a86f22;--pnx-amber-rgb:240, 165, 60;--pnx-bg-0:#08090b;--pnx-bg-1:#0d1013;--pnx-panel-1:#12161a;--pnx-panel-2:#171c21;--pnx-panel-3:#1e242a;--pnx-panel-4:#262d34;--pnx-well:#060708;--pnx-ink:#eef2f5;--pnx-ink-dim:#8b96a0;--pnx-ink-mute:#4d5760;--pnx-line:#ffffff0f;--pnx-meter-green:#3ee06a;--pnx-meter-yellow:#e8c840;--pnx-meter-red:#e8503c;--pnx-raise:inset 0 1px 0 #ffffff14, inset 0 -10px 16px -10px #000000bf, 0 3px 6px #0000008c;--pnx-recess:inset 0 3px 8px #000000b3, inset 0 -1px 0 #ffffff08;--pnx-seat:inset 0 2px 5px #000000a6, inset 0 -1px 0 #ffffff0a, 0 1px 0 #ffffff08;background:radial-gradient(ellipse 1400px 600px at 22% -12%, rgba(var(--pnx-cyan-rgb), .04), transparent 55%), radial-gradient(ellipse 1400px 600px at 80% -12%, rgba(var(--pnx-amber-rgb), .035), transparent 55%), linear-gradient(180deg, var(--pnx-bg-1) 0%, var(--pnx-bg-0) 100%);width:100%;height:100%;color:var(--pnx-ink);font-family:var(--font-inter), Arial, sans-serif;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.pnx-shell *{box-sizing:border-box}.pnx-topbar{background:linear-gradient(180deg, var(--pnx-panel-2), var(--pnx-panel-1));height:48px;box-shadow:0 1px 0 var(--pnx-line), 0 6px 16px #0006;z-index:2;flex-shrink:0;align-items:center;gap:20px;padding:0 16px;display:flex}.pnx-topbar__brand{letter-spacing:.02em;color:var(--pnx-ink);flex-shrink:0;align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.pnx-topbar__brand-mark{background:linear-gradient(155deg, var(--pnx-panel-4), var(--pnx-panel-2));width:26px;height:26px;box-shadow:var(--pnx-raise);color:var(--pnx-cyan);border-radius:6px;place-items:center;display:grid}.pnx-topbar__nav{flex:1;align-items:center;gap:2px;min-width:0;display:flex}.pnx-topbar__tab{letter-spacing:.05em;text-transform:uppercase;height:30px;color:var(--pnx-ink-dim);white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:700;text-decoration:none;display:flex}.pnx-topbar__tab.is-active{color:#04191d;background:linear-gradient(180deg, var(--pnx-cyan), var(--pnx-cyan-dim));box-shadow:0 0 12px rgba(var(--pnx-cyan-rgb), .35)}.pnx-topbar__status{color:var(--pnx-ink-dim);flex-shrink:0;align-items:center;gap:10px;font-size:10.5px;font-weight:700;display:flex}.pnx-topbar__status-chip{background:var(--pnx-panel-3);height:24px;box-shadow:var(--pnx-seat);border-radius:4px;align-items:center;gap:5px;padding:0 9px;display:flex}.pnx-topbar__clock{font-family:var(--font-rajdhani), sans-serif;color:var(--pnx-ink);font-variant-numeric:tabular-nums;font-size:13px}.pnx-topbar__avatar{background:linear-gradient(155deg, var(--pnx-panel-4), var(--pnx-panel-2));width:30px;height:30px;box-shadow:var(--pnx-raise);color:var(--pnx-ink-dim);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:800;display:grid}.pnx-waveform-stage{flex-direction:column;flex:0 0 clamp(64px,12.5vh,148px);gap:2px;min-height:0;padding:4px 10px;display:flex}.pnx-wave-lane{background:var(--pnx-well);min-height:0;box-shadow:var(--pnx-recess);border-radius:4px;flex:1;align-items:center;display:flex;position:relative;overflow:hidden}.pnx-wave-lane__tag{z-index:2;font-size:10px;font-weight:900;position:absolute;top:4px;left:8px}.pnx-wave-lane--a .pnx-wave-lane__tag{color:var(--pnx-cyan)}.pnx-wave-lane--b .pnx-wave-lane__tag{color:var(--pnx-amber)}.pnx-wave-lane__canvas{width:100%;height:100%;display:block}.pnx-wave-lane__playhead{background:#fff;width:2px;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 8px #fff}.pnx-hardware{min-height:0;box-shadow:inset 0 1px 0 var(--pnx-line), inset 0 0 50px #00000059, 0 16px 40px #00000080;background:repeating-linear-gradient(95deg,#ffffff03 0 1px,#0000 1px 3px),linear-gradient(#14191e 0%,#0f1317 55%,#0a0d10 100%);border-radius:10px;flex:1;grid-template-columns:minmax(0,1fr) minmax(300px,.58fr) minmax(0,1fr);gap:8px;margin:0 10px 8px;padding:8px;display:grid}.pnx-deck{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.pnx-deck--a{--deck-tone:var(--pnx-cyan);--deck-tone-dim:var(--pnx-cyan-dim);--deck-tone-rgb:var(--pnx-cyan-rgb)}.pnx-deck--b{--deck-tone:var(--pnx-amber);--deck-tone-dim:var(--pnx-amber-dim);--deck-tone-rgb:var(--pnx-amber-rgb)}.pnx-track-display{height:56px;box-shadow:var(--pnx-recess), inset 0 0 0 1px #ffffff08;background:linear-gradient(#0000004d,#0000001a);border-radius:6px;flex-shrink:0;align-items:center;gap:10px;padding:7px 10px;display:flex}.pnx-track-display__art{width:42px;height:42px;box-shadow:var(--pnx-raise);background-position:50%;background-size:cover;border-radius:4px;flex-shrink:0}.pnx-track-display__meta{flex:1;min-width:0}.pnx-track-display__title{color:var(--pnx-ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;line-height:1.2;overflow:hidden}.pnx-track-display__artist{color:var(--pnx-ink-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.pnx-track-display__stats{flex-shrink:0;gap:14px;padding-right:2px;display:flex}.pnx-track-display__stat{text-align:right}.pnx-track-display__stat small{letter-spacing:.1em;color:var(--pnx-ink-mute);margin-bottom:1px;font-size:8px;font-weight:800;display:block}.pnx-track-display__stat strong{font-family:var(--font-rajdhani), sans-serif;color:var(--pnx-ink);font-variant-numeric:tabular-nums;font-size:19px;font-weight:700;line-height:1;display:block}.pnx-track-display__stat strong.is-tone{color:var(--deck-tone)}.pnx-work-surface{flex:1;grid-template-columns:minmax(148px,.78fr) minmax(0,1.75fr) minmax(58px,.34fr);align-items:stretch;gap:8px;min-width:0;min-height:0;display:grid}.pnx-work-surface--mirrored{grid-template-columns:minmax(58px,.34fr) minmax(0,1.75fr) minmax(148px,.78fr)}.pnx-control-bank{min-width:0;min-height:0;box-shadow:var(--pnx-recess), inset 0 0 0 1px #ffffff08;background:linear-gradient(#0000003d,#00000014);border-radius:6px;flex-direction:column;grid-area:1/1;gap:8px;padding:8px 7px;display:flex}.pnx-work-surface--mirrored .pnx-control-bank{grid-column:3}.pnx-platter-zone{grid-area:1/2;place-items:center;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.pnx-tempo-assembly{flex-direction:column;grid-area:1/3;align-self:stretch;align-items:center;gap:6px;min-width:0;min-height:0;padding:6px 2px;display:flex}.pnx-work-surface--mirrored .pnx-tempo-assembly{grid-column:1}.pnx-jog{aspect-ratio:1;touch-action:none;border-radius:50%;width:min(94cqw,94cqh);max-width:380px;max-height:380px;position:relative}.pnx-jog__seat{background:radial-gradient(circle,#0b0d0f 0 93%,#050607 94% 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 2px 3px #ffffff12,inset 0 -5px 8px #000000d9,0 10px 20px #0000008c}.pnx-jog__bezel{background:conic-gradient(from 220deg,#13171b 0deg,#3d454d 16deg,#14181c 32deg 155deg,#333b42 172deg,#14181c 188deg 360deg);border-radius:50%;position:absolute;inset:2%;box-shadow:inset 0 2px 3px #ffffff1f,inset 0 -3px 6px #0009}.pnx-jog__rim{background:var(--deck-tone);box-shadow:0 0 5px rgba(var(--deck-tone-rgb), .5), 0 0 10px rgba(var(--deck-tone-rgb), .16);border-radius:50%;padding:2px;position:absolute;inset:9%}.pnx-jog__rim:after{content:"";z-index:0;background:#1c2126;border-radius:50%;position:absolute;inset:2px}.pnx-jog__platter{z-index:1;border-radius:50%;position:absolute;inset:1.5%;overflow:hidden}.pnx-jog__surface{background:repeating-conic-gradient(from 25deg,#ffffff05 0deg .4deg,#0000 .4deg 2deg),radial-gradient(circle,#2c333a 0%,#242a30 14%,#282f35 15% 29%,#1e242a 30% 31%,#242b31 32% 49%,#1a1f24 50% 52%,#212830 53% 70%,#191e23 71% 73%,#1e242a 74% 100%);border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 3px 5px #ffffff17,inset 0 -10px 16px #000000b3}.pnx-jog__sheen{border-radius:inherit;pointer-events:none;mix-blend-mode:screen;opacity:.7;background:linear-gradient(130deg,#0000 22%,#ffffff08 31%,#ffffff2e 39%,#ffffff0d 47%,#0000 56%);position:absolute;inset:0}.pnx-jog__marker{background:var(--deck-tone);width:3px;height:12%;box-shadow:0 0 6px var(--deck-tone), 0 0 12px 2px rgba(var(--deck-tone-rgb), .22);border-radius:2px;position:absolute;top:4%;left:50%;transform:translate(-50%)}.pnx-jog__hub-collar{box-shadow:0 0 0 3px #05070a, 0 0 0 1px rgba(var(--deck-tone-rgb), .28), inset 0 2px 3px #ffffff29, inset 0 -3px 5px #00000080;background:#333b42;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:29%}.pnx-jog__hub{box-shadow:inset 2px 2px 3px #ffffff17, inset 0 0 0 1px rgba(var(--deck-tone-rgb), .28), inset 0 0 18px rgba(var(--deck-tone-rgb), .15);background:radial-gradient(circle at 38% 30%,#1c2127,#050708 76%);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:9%}.pnx-jog__hub-text{font-family:var(--font-barlow), sans-serif;letter-spacing:.07em;color:#ffffffc7;font-size:13px;font-weight:800}.pnx-jog__badge{box-shadow:var(--pnx-raise), 0 0 0 1px rgba(var(--deck-tone-rgb), .35);color:var(--deck-tone);z-index:2;background:linear-gradient(#262d33,#12161a);border-radius:3px;padding:2px 9px;font-size:10px;font-weight:900;position:absolute;top:6%;left:50%;transform:translate(-50%)}.pnx-cb-label{letter-spacing:.1em;color:var(--pnx-ink-mute);text-transform:uppercase;margin-bottom:4px;font-size:9.5px;font-weight:800;display:block}.pnx-loop-row{grid-template-columns:1fr 1fr 48px 34px;gap:4px;display:grid}.pnx-btn{background:linear-gradient(180deg, var(--pnx-panel-3) 0%, var(--pnx-panel-2) 100%);height:24px;box-shadow:var(--pnx-seat);color:var(--pnx-ink-dim);letter-spacing:.03em;border-radius:4px;justify-content:center;align-items:center;font-size:9.5px;font-weight:700;display:flex}.pnx-btn:disabled{opacity:.4}.pnx-btn.is-active{color:var(--deck-tone);box-shadow:var(--pnx-seat), inset 0 0 0 1px rgba(var(--deck-tone-rgb), .4)}.pnx-cue-btn{width:100%;height:18px;font-size:8.5px}.pnx-pad-mode-row{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.pnx-pad-mode-row--4{grid-template-columns:repeat(4,1fr)}.pnx-pad-mode-row--4 .pnx-btn{padding:0 1px;font-size:8px}.pnx-pad-grid{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(4,1fr);gap:5px;min-height:0;display:grid}.pnx-pad{background:linear-gradient(180deg, var(--pnx-panel-3) 0%, var(--pnx-panel-1) 100%);box-shadow:var(--pnx-seat);border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.pnx-pad.is-active{background:linear-gradient(180deg, rgba(var(--deck-tone-rgb), .4), rgba(var(--deck-tone-rgb), .12));box-shadow:var(--pnx-seat), inset 0 0 0 1px rgba(var(--deck-tone-rgb), .55), 0 0 10px -2px rgba(var(--deck-tone-rgb), .5)}.pnx-pad__label{color:var(--pnx-ink);font-size:12px;font-weight:800}.pnx-pad__sublabel{color:var(--pnx-ink-mute);font-size:7.5px}.pnx-pad.is-active .pnx-pad__sublabel{color:var(--deck-tone)}.pnx-tempo-assembly .pnx-btn{width:100%}.pnx-tempo-track{width:24px;min-height:50px;box-shadow:var(--pnx-recess);background:linear-gradient(#050708,#020304);border-radius:4px;flex:1;margin:4px 8px;position:relative}.pnx-tempo-track:before{content:"";background:linear-gradient(90deg,#1a1e22,#565f66 48%,#7c868d 52%,#565f66 56%,#1a1e22);border-radius:2px;width:4px;position:absolute;top:4px;bottom:4px;left:50%;transform:translate(-50%)}.pnx-tempo-cap{background:linear-gradient(#565f66 0%,#33393f 25%,#1c2125 70%,#0b0d0f 100%);border-radius:4px;height:22px;position:absolute;left:-8px;right:-8px;box-shadow:0 4px 8px #00000080,inset 0 1px #7c868d,inset 0 -6px 10px #00000080}.pnx-tempo-cap:before{content:"";background:var(--deck-tone);height:2px;box-shadow:0 0 5px var(--deck-tone);position:absolute;top:50%;left:4px;right:4px;transform:translateY(-50%)}.pnx-tempo-value{font-family:var(--font-rajdhani), sans-serif;color:var(--pnx-ink);font-size:10px;font-weight:700}.pnx-transport{height:60px;box-shadow:var(--pnx-recess), inset 0 0 0 1px #ffffff08;background:linear-gradient(#00000038,#0000000f);border-radius:7px;flex-shrink:0;gap:8px;padding:6px;display:flex}.pnx-transport__nav{background:linear-gradient(180deg, var(--pnx-panel-4) 0%, var(--pnx-panel-2) 100%);width:44px;box-shadow:var(--pnx-seat), 0 0 0 2px var(--pnx-panel-1);color:var(--pnx-ink-dim);border-radius:6px;justify-content:center;align-items:center;display:flex}.pnx-transport__cue{background:linear-gradient(180deg, var(--pnx-panel-4) 0%, var(--pnx-panel-2) 100%);box-shadow:var(--pnx-seat), 0 0 0 2px var(--pnx-panel-1);color:var(--pnx-ink);letter-spacing:.04em;border-radius:6px;flex:1;font-size:13px;font-weight:800}.pnx-transport__play{background:linear-gradient(180deg, var(--pnx-panel-4) 0%, var(--pnx-panel-2) 100%);box-shadow:var(--pnx-seat), 0 0 0 2px var(--pnx-panel-1);color:var(--pnx-ink-dim);border-radius:6px;flex:1.6;justify-content:center;align-items:center;display:flex}.pnx-transport__play.is-playing{background:linear-gradient(180deg, rgba(var(--deck-tone-rgb), .45) 0%, rgba(var(--deck-tone-rgb), .2) 100%);box-shadow:var(--pnx-seat), 0 0 0 2px var(--pnx-panel-1), 0 0 22px rgba(var(--deck-tone-rgb), .4);color:var(--deck-tone)}.pnx-mixer{background:linear-gradient(#2c3036 0%,#23262b 15%,#1b1e22 55%,#131518 100%);border-radius:8px;flex-direction:column;min-width:0;min-height:0;padding:8px 8px 6px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff1a,inset 0 0 0 1px #0000004d,0 8px 20px #00000080}.pnx-mixer:before,.pnx-mixer:after{content:"";background:radial-gradient(circle at 35% 30%,#6b7278,#111417 70%);border-radius:50%;width:5px;height:5px;position:absolute;top:6px;box-shadow:0 1px #ffffff14,inset 0 0 1px #000c}.pnx-mixer:before{left:7px}.pnx-mixer:after{right:7px}.pnx-mixer__label{text-align:center;letter-spacing:.15em;color:var(--pnx-ink-mute);flex-shrink:0;margin-bottom:6px;font-size:10px;font-weight:800}.pnx-mixer__channels{background:linear-gradient(#00000038,#0000000f);border-radius:6px;flex:1;min-height:0;display:flex;box-shadow:inset 0 3px 7px #00000080,inset 0 0 0 1px #ffffff05}.pnx-mchannel{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;min-height:0;padding:6px 5px;display:flex;position:relative}.pnx-mchannel+.pnx-mchannel{box-shadow:inset 1px 0 #0000008c,inset 2px 0 #ffffff08}.pnx-mchannel--master{flex:0 0 30%}.pnx-mixer__master-meter{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.pnx-meter--master{gap:6px;height:70%;padding:6px}.pnx-meter--master .pnx-meter__col{width:11px}.pnx-mchannel__tag{font-size:10px;font-weight:900}.pnx-knob-mount{flex-shrink:0;width:36px;height:36px;position:relative}.pnx-knob-mount:before{content:"";background:var(--pnx-well);box-shadow:var(--pnx-recess);border-radius:50%;position:absolute;inset:-5px}.pnx-knob{background:repeating-conic-gradient(#ffffff40 0deg 1.6deg,#0006 1.6deg 3.2deg),radial-gradient(circle,#0000 58%,#1c2126 59%);border-radius:50%;position:absolute;inset:0;box-shadow:0 2px 4px #0000008c}.pnx-knob__top{background:radial-gradient(circle at 30% 22%,#ffffff80,#0000 26%),radial-gradient(circle at 68% 20%,#666f77,#0000 40%),linear-gradient(155deg,#3c434a 0%,#232830 35%,#131619 80%);border-radius:50%;position:absolute;inset:11%;box-shadow:inset 0 -5px 8px #0009,inset 0 2px 2px #ffffff29}.pnx-knob__top:after{content:"";transform-origin:bottom;width:3.5px;height:38%;transform:translateX(-50%) rotate(var(--knob-angle,0deg));background:#0e1114;border-radius:2px;position:absolute;top:10%;left:50%}.pnx-knob-label{letter-spacing:.06em;color:var(--pnx-ink-mute);text-transform:uppercase;margin-top:-2px;font-size:7.5px;font-weight:700}.pnx-meter{height:40px;box-shadow:var(--pnx-recess);background:linear-gradient(#050708,#020304);border-radius:3px;flex-shrink:0;gap:3px;padding:3px;display:flex}.pnx-meter__col{flex-direction:column-reverse;gap:1px;width:8px;height:100%;display:flex}.pnx-meter__seg{background:#0c1114;border-radius:1px;flex:1}.pnx-meter__seg.is-lit-green{background:var(--pnx-meter-green);box-shadow:0 0 4px #3ee06ab3}.pnx-meter__seg.is-lit-yellow{background:var(--pnx-meter-yellow);box-shadow:0 0 4px #e8c840b3}.pnx-meter__seg.is-lit-red{background:var(--pnx-meter-red);box-shadow:0 0 5px #e8503ccc}.pnx-fader-track{width:28px;box-shadow:var(--pnx-recess);background:linear-gradient(#050708,#020304);border-radius:4px;flex:1;margin:0 9px 2px;position:relative}.pnx-fader-track:before{content:"";background:linear-gradient(90deg,#1a1e22,#565f66 46%,#7c868d 52%,#565f66 58%,#1a1e22);border-radius:2px;width:4px;position:absolute;top:3px;bottom:3px;left:50%;transform:translate(-50%)}.pnx-fader-cap{background:linear-gradient(#565f66 0%,#33393f 22%,#1c2125 65%,#0b0d0f 100%);border-radius:6px 6px 3px 3px;height:32px;position:absolute;left:-12px;right:-12px;box-shadow:0 3px 5px #00000080,0 8px 12px #00000080,inset 0 1px #7c868d,inset 0 -6px 10px #0000008c}.pnx-crossfader-row{background:linear-gradient(#00000038,#0000000d);border-radius:5px;flex-shrink:0;align-items:center;gap:6px;margin-top:6px;padding:6px 8px;display:flex;position:relative;box-shadow:inset 0 2px 5px #0006}.pnx-crossfader-track{height:22px;box-shadow:var(--pnx-recess);background:linear-gradient(#050708,#020304);border-radius:5px;flex:1;position:relative}.pnx-crossfader-track:before{content:"";background:linear-gradient(#1a1e22,#565f66 46%,#7c868d 52%,#565f66 58%,#1a1e22);border-radius:2px;height:4px;position:absolute;top:50%;left:3px;right:3px;transform:translateY(-50%)}.pnx-crossfader-cap{background:linear-gradient(#565f66 0%,#33393f 22%,#1c2125 65%,#0b0d0f 100%);border-radius:5px;width:26px;position:absolute;top:-6px;bottom:-6px;box-shadow:0 3px 6px #00000080,inset 0 1px #7c868d}.pnx-library{background:linear-gradient(180deg, var(--pnx-panel-2), var(--pnx-panel-1));min-height:0;box-shadow:inset 0 1px 0 var(--pnx-line), 0 8px 20px #00000059;border-radius:8px;flex:0 0 clamp(72px,20vh,260px);margin:0 10px 8px;display:flex;overflow:hidden}.pnx-lib-rail{border-right:1px solid var(--pnx-line);flex-direction:column;flex:0 0 150px;gap:1px;min-height:0;padding:8px 6px;display:flex;overflow-y:auto}.pnx-lib-rail button{text-align:left;color:var(--pnx-ink-dim);border-radius:4px;justify-content:space-between;padding:6px 8px;font-size:11px;font-weight:600;display:flex}.pnx-lib-rail button.is-active{background:rgba(var(--pnx-cyan-rgb), .14);color:var(--pnx-ink)}.pnx-lib-rail button.is-disabled{opacity:.45;cursor:help}.pnx-lib-rail button span{color:var(--pnx-ink-mute);font-size:10px}.pnx-lib-main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.pnx-lib-search{border-bottom:1px solid var(--pnx-line);flex-shrink:0;gap:8px;padding:8px 10px;display:flex}.pnx-lib-search input{background:var(--pnx-well);height:28px;box-shadow:var(--pnx-recess);color:var(--pnx-ink);border-radius:5px;flex:1;padding:0 10px;font-size:11.5px}.pnx-lib-search select{background:var(--pnx-panel-3);height:28px;box-shadow:var(--pnx-seat);color:var(--pnx-ink-dim);border-radius:5px;padding:0 8px;font-size:10.5px}.pnx-columns-menu{z-index:20;background:var(--pnx-panel-2);box-shadow:var(--pnx-raise), 0 8px 20px #00000073;border-radius:6px;flex-direction:column;gap:4px;min-width:100px;padding:8px 10px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.pnx-columns-menu label{color:var(--pnx-ink-dim);white-space:nowrap;align-items:center;gap:6px;font-size:10.5px;display:flex}.pnx-lib-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--pnx-ink-mute);vertical-align:middle;background:#ffffff14;border-radius:3px;margin-left:6px;padding:1px 5px;font-size:8px;font-weight:800;display:inline-block}.pnx-lib-badge--missing{color:var(--pnx-amber);background:#f0a53c33}.pnx-lib-table{flex:1;min-height:0;overflow-y:auto}.pnx-lib-table table{border-collapse:collapse;width:100%;font-size:11px}.pnx-lib-table thead th{text-align:left;letter-spacing:.06em;color:var(--pnx-ink-mute);background:var(--pnx-panel-1);border-bottom:1px solid var(--pnx-line);padding:5px 10px;font-size:9px;font-weight:800;position:sticky;top:0}.pnx-lib-table td{color:var(--pnx-ink-dim);white-space:nowrap;padding:5px 10px}.pnx-lib-table td.title{color:var(--pnx-ink);font-weight:600}.pnx-lib-table tr{cursor:pointer}.pnx-lib-table tr:hover td{background:#ffffff05}.pnx-lib-table tr.is-selected td{background:rgba(var(--pnx-cyan-rgb), .08)}.pnx-lib-inspector{border-left:1px solid var(--pnx-line);flex-direction:column;flex:0 0 170px;gap:8px;min-height:0;padding:10px;display:flex;overflow-y:auto}.pnx-lib-inspector__art{flex-shrink:0;max-height:60px}.pnx-lib-rail__group{border-top:1px solid var(--pnx-line);margin-top:6px;padding-top:6px}.pnx-lib-rail__group-title{letter-spacing:.05em;text-transform:uppercase;color:var(--pnx-ink-mute);justify-content:space-between;align-items:center;padding:2px 8px;font-size:9px;font-weight:800;display:flex}.pnx-lib-rail__add{background:var(--pnx-panel-3);width:16px;height:16px;color:var(--pnx-ink-dim);border-radius:3px;font-size:11px;line-height:1}.pnx-lib-rail__empty{color:var(--pnx-ink-mute);opacity:.7;padding:2px 8px;font-size:9.5px}.pnx-lib-rail__folder{border-left:1px solid var(--pnx-line);margin:2px 0 2px 4px;padding-left:4px}.pnx-lib-rail__folder-title{color:var(--pnx-ink-dim);justify-content:space-between;align-items:center;padding:2px 8px;font-size:9.5px;font-weight:700;display:flex}.pnx-lib-rail__playlist-row{flex-direction:column;display:flex}.pnx-lib-rail__playlist-row select{width:100%;color:var(--pnx-ink-mute);background:0 0;border:none;border-radius:3px;padding:1px 8px;font-size:9px}.pnx-lib-rail__crate-form{flex-direction:column;gap:4px;padding:4px 8px 8px;display:flex}.pnx-lib-rail__crate-form input{background:var(--pnx-well);height:22px;box-shadow:var(--pnx-recess);color:var(--pnx-ink);border-radius:4px;padding:0 6px;font-size:10px}.pnx-lib-rail__crate-form button{background:var(--pnx-panel-3);height:20px;color:var(--pnx-ink-dim);border-radius:4px;font-size:10px;font-weight:700}.pnx-crate-builder{border-bottom:1px solid var(--pnx-line);background:#00000026;flex-direction:column;flex-shrink:0;gap:6px;padding:8px 10px;display:flex}.pnx-crate-builder input[type=text]{background:var(--pnx-well);height:24px;box-shadow:var(--pnx-recess);color:var(--pnx-ink);border-radius:4px;padding:0 8px;font-size:10.5px}.pnx-crate-builder__row{gap:6px;display:flex}.pnx-crate-builder__row select,.pnx-crate-builder__row input{background:var(--pnx-panel-3);height:22px;color:var(--pnx-ink-dim);border-radius:4px;padding:0 6px;font-size:10px}.pnx-crate-builder__actions{gap:6px;display:flex}.pnx-crate-builder__actions .pnx-btn{width:auto;padding:0 8px}.pnx-lib-inspector__field{flex-direction:column;gap:3px;display:flex}.pnx-lib-inspector__field label{letter-spacing:.04em;text-transform:uppercase;color:var(--pnx-ink-mute);font-size:9px;font-weight:700}.pnx-lib-inspector__field input[type=text],.pnx-lib-inspector__field textarea,.pnx-lib-inspector__field select{background:var(--pnx-well);box-shadow:var(--pnx-recess);color:var(--pnx-ink);resize:none;border-radius:4px;padding:4px 6px;font-size:10.5px}.pnx-lib-inspector__stars{gap:2px;display:flex}.pnx-lib-inspector__stars button{color:var(--pnx-ink-mute);font-size:14px;line-height:1}.pnx-lib-inspector__stars button.is-active{color:var(--pnx-amber)}.pnx-lib-inspector__art{aspect-ratio:1;width:100%;box-shadow:var(--pnx-raise);background:linear-gradient(160deg,#232b33,#0e1318);border-radius:6px}.pnx-lib-inspector__title{color:var(--pnx-ink);font-size:12.5px;font-weight:700}.pnx-lib-inspector__artist{color:var(--pnx-ink-mute);font-size:10.5px}.pnx-footer{height:26px;color:var(--pnx-ink-mute);border-top:1px solid var(--pnx-line);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 14px;font-size:10px;font-weight:700;display:flex}.pnx-footer__actions{gap:14px;display:flex}@media (max-height:700px){.pnx-topbar{gap:14px;height:34px;padding:0 12px}.pnx-topbar__tab{height:24px;padding:0 9px;font-size:10px}.pnx-topbar__status-chip{height:20px}.pnx-topbar__avatar{width:24px;height:24px}.pnx-waveform-stage{flex-basis:34px;gap:1px;padding:2px 8px}.pnx-hardware{gap:6px;margin:0 8px 5px;padding:6px}.pnx-deck{gap:4px}.pnx-track-display{gap:7px;height:34px;padding:4px 8px}.pnx-track-display__art{width:26px;height:26px}.pnx-track-display__title{font-size:13px}.pnx-track-display__artist{font-size:9.5px}.pnx-track-display__stats{gap:9px}.pnx-track-display__stat strong{font-size:14px}.pnx-track-display__stat small{font-size:7px}.pnx-work-surface{grid-template-columns:minmax(122px,.72fr) minmax(0,1.85fr) minmax(50px,.3fr);gap:5px}.pnx-work-surface--mirrored{grid-template-columns:minmax(50px,.3fr) minmax(0,1.85fr) minmax(122px,.72fr)}.pnx-control-bank{gap:5px;padding:5px 4px}.pnx-cb-label{margin-bottom:2px;font-size:8px}.pnx-loop-row,.pnx-pad-mode-row{gap:2px}.pnx-btn{height:18px;font-size:8px}.pnx-pad-grid{gap:3px}.pnx-pad__label{font-size:10px}.pnx-pad__sublabel{font-size:6.5px}.pnx-tempo-assembly{gap:3px;padding:3px 1px}.pnx-tempo-track{width:18px;min-height:34px;margin:3px 6px}.pnx-transport{gap:5px;height:46px;padding:4px}.pnx-transport__nav{width:34px}.pnx-mixer{padding:5px 5px 4px}.pnx-mixer__label{margin-bottom:3px;font-size:8px}.pnx-knob-mount{width:26px;height:26px}.pnx-knob-label{font-size:6.5px}.pnx-meter{height:26px;padding:2px}.pnx-fader-track{width:20px;margin:0 7px 2px}.pnx-fader-cap{height:24px;left:-9px;right:-9px}.pnx-crossfader-row{margin-top:4px;padding:4px 6px}.pnx-crossfader-track{height:17px}.pnx-crossfader-cap{width:20px;top:-5px;bottom:-5px}.pnx-library{flex-basis:56px;margin:0 8px 4px}.pnx-lib-rail{display:none}.pnx-lib-search{padding:4px 8px}.pnx-lib-search input,.pnx-lib-search select{height:20px;font-size:10px}.pnx-lib-table thead{display:none}.pnx-lib-table td{padding:3px 8px;font-size:10px}.pnx-lib-col-artist,.pnx-lib-col-genre,.pnx-lib-col-added,.pnx-lib-inspector,.pnx-footer{display:none}}.pnx-knob-mount{position:relative}.pnx-knob__value{color:var(--pnx-ink);background:var(--pnx-well);white-space:nowrap;pointer-events:none;z-index:5;border-radius:3px;padding:1px 4px;font-size:8px;font-weight:700;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.pnx-load-prompt{z-index:50;background:var(--pnx-panel-3);box-shadow:var(--pnx-raise), 0 10px 30px #0009;color:var(--pnx-ink);border-radius:8px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%)}.pnx-load-prompt button{background:linear-gradient(180deg, var(--pnx-cyan), var(--pnx-cyan-dim));color:#04191d;border-radius:5px;height:26px;padding:0 12px;font-size:11px;font-weight:800}.pnx-track-display.is-drop-target{box-shadow:var(--pnx-recess), inset 0 0 0 1px rgba(var(--deck-tone-rgb), .5)}.pnx-track-display__empty{color:var(--pnx-ink-mute);cursor:pointer;flex:1;font-size:11px}.pnx-drawer-trigger{background:var(--pnx-panel-3);height:24px;box-shadow:var(--pnx-seat);color:var(--pnx-ink-dim);border-radius:4px;align-items:center;gap:5px;padding:0 10px;font-size:10px;font-weight:700;display:flex}.pnx-drawer-backdrop{z-index:40;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.pnx-drawer{background:var(--pnx-panel-2);width:min(1200px,94vw);max-height:78vh;box-shadow:var(--pnx-raise), 0 -10px 40px #0009;border-radius:12px 12px 8px 8px;margin-bottom:20px;padding:16px;overflow-y:auto}.pnx-drawer__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pnx-drawer__header button{color:var(--pnx-ink-dim);font-size:12px}.pnx-drawer__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:start;gap:14px;display:grid}.pnx-tool-card--wide{grid-column:span 2}@media (max-width:700px){.pnx-tool-card--wide{grid-column:span 1}}.pnx-routing-panel{flex-direction:column;gap:10px;font-size:11px;display:flex}.pnx-routing-panel__note{color:var(--pnx-ink-mute);margin:0;font-size:10px;line-height:1.5}.pnx-routing-panel__row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pnx-routing-panel__row label{color:var(--pnx-ink-dim);align-items:center;gap:8px;min-width:160px;display:flex}.pnx-routing-panel__row input[type=range]{width:140px}.pnx-routing-panel__value{color:var(--pnx-ink-mute);font-size:10px}.pnx-routing-panel__diagnostics{background:#00000040;border-radius:6px;padding:8px 10px;box-shadow:inset 0 0 0 1px #ffffff0a}.pnx-routing-panel__diag-title{letter-spacing:.05em;color:var(--pnx-ink-mute);text-transform:uppercase;margin-bottom:6px;font-size:9.5px;font-weight:800}.pnx-routing-panel__diagnostics table{border-collapse:collapse;width:100%;font-size:10.5px}.pnx-routing-panel__diagnostics td{color:var(--pnx-ink-dim);vertical-align:top;padding:3px 6px 3px 0}.pnx-routing-panel__diagnostics td:first-child{color:var(--pnx-ink-mute);white-space:nowrap;font-weight:700}.pnx-beatgrid-panel__cols{grid-template-columns:1fr 1fr;gap:16px;margin-top:10px;display:grid}.pnx-beatgrid-col{flex-direction:column;gap:8px;display:flex}.pnx-beatgrid-col__title{color:var(--pnx-ink-dim);justify-content:space-between;font-size:11px;font-weight:800;display:flex}.pnx-beatgrid-col__bpm{color:var(--pnx-ink-mute);font-weight:600}.pnx-beatgrid-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.pnx-beatgrid-row .pnx-btn{width:auto;padding:0 8px}.pnx-event-panel{flex-direction:column;gap:8px;display:flex}.pnx-enable-audio{background:linear-gradient(180deg, var(--pnx-cyan), var(--pnx-cyan-dim));color:#04191d;letter-spacing:.03em;border-radius:5px;height:26px;padding:0 12px;font-size:10.5px;font-weight:800}.pnx-topbar__status-chip.is-disabled{cursor:help;opacity:.6}.pnx-topbar__status-chip.is-live{color:var(--pnx-cyan);box-shadow:var(--pnx-seat), inset 0 0 0 1px rgba(var(--pnx-cyan-rgb), .4)}.pnx-drawer{--dj-panel-bg:linear-gradient(180deg, var(--pnx-panel-2), var(--pnx-panel-1));--dj-panel-border:#ffffff12;--dj-panel-shadow:inset 0 1px 0 #ffffff0a, inset 0 3px 8px #0006;--dj-radius-lg:6px;--dj-radius-md:4px;--dj-radius-sm:3px;--dj-gap-outer:0px;--dj-gap-nested:10px;--dj-surface-850:var(--pnx-panel-3);--dj-surface-900:var(--pnx-well);--dj-border-default:#ffffff14;--color-accent:var(--pnx-cyan);--color-border:#ffffff17;--color-surface-2:var(--pnx-panel-3);--color-fg-muted:var(--pnx-ink-mute);color:var(--pnx-ink);font-family:var(--font-inter), Arial, sans-serif}.pnx-drawer h1,.pnx-drawer h2,.pnx-drawer h3,.pnx-drawer h4{color:var(--pnx-ink)}.pnx-drawer p{color:var(--pnx-ink-dim)}.pnx-drawer button{font-family:inherit}.pnx-tool-card{background:linear-gradient(180deg, var(--pnx-panel-2), var(--pnx-panel-1));border-radius:8px;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 0 0 1px #ffffff0a,0 4px 14px #0000004d}.pnx-tool-card__title{letter-spacing:.1em;text-transform:uppercase;color:var(--pnx-ink-mute);background:#0003;padding:8px 12px;font-size:10px;font-weight:800;box-shadow:inset 0 -1px #ffffff0a}.pnx-tool-card__body{padding:4px}.pnx-knob-mount:before{box-shadow:var(--pnx-recess), inset 0 0 0 1px #ffffff08}.pnx-knob__top{background:radial-gradient(circle at 32% 24%,#ffffff8c,#0000 22%),radial-gradient(circle at 66% 20%,#62686e,#0000 38%),linear-gradient(155deg,#3c434a 0%,#232830 35%,#131619 80%)}.pnx-knob:focus-visible,.pnx-jog:focus-visible,.pnx-fader-track:focus-visible,.pnx-crossfader-track:focus-visible{filter:drop-shadow(0 0 0 2px rgba(var(--pnx-cyan-rgb), .6));outline:none}.pnx-deck--b .pnx-knob:focus-visible{filter:drop-shadow(0 0 0 2px rgba(var(--pnx-amber-rgb), .6))}.pnx-fader-cap,.pnx-tempo-cap{background-blend-mode:overlay, normal;background-image:repeating-linear-gradient(90deg,#00000059 0 1px,#0000 1px 3px),linear-gradient(#6b737a 0%,#3a4046 20%,#1e2328 62%,#0a0c0e 100%)}.pnx-crossfader-cap{background-blend-mode:overlay, normal;background-image:repeating-linear-gradient(0deg,#0000004d 0 1px,#0000 1px 3px),linear-gradient(#6b737a 0%,#3a4046 22%,#1e2328 65%,#0a0c0e 100%)}.pnx-meter{box-shadow:var(--pnx-recess), inset 0 0 0 1px #ffffff09, 0 1px 0 #ffffff08}.pnx-meter__seg{transition:background-color 60ms linear}.pnx-btn:active:not(:disabled){box-shadow:var(--pnx-seat), inset 0 2px 4px #00000080;transform:translateY(.5px)}.pnx-btn:disabled{opacity:.38;cursor:not-allowed}.pnx-btn:focus-visible{box-shadow:var(--pnx-seat), 0 0 0 1.5px rgba(var(--pnx-cyan-rgb), .55);outline:none}.pnx-deck--b .pnx-btn:focus-visible{box-shadow:var(--pnx-seat), 0 0 0 1.5px rgba(var(--pnx-amber-rgb), .55)}.pnx-pad:active:not(:disabled){transform:translateY(.5px)}.pnx-pad:disabled{opacity:.4}.pnx-pad:focus-visible{box-shadow:var(--pnx-seat), 0 0 0 1.5px rgba(var(--pnx-cyan-rgb), .55);outline:none}.pnx-transport__cue:active:not(:disabled),.pnx-transport__play:active:not(:disabled),.pnx-transport__nav:active:not(:disabled){filter:brightness(.92)}.pnx-transport__cue:disabled,.pnx-transport__play:disabled,.pnx-transport__nav:disabled{opacity:.4}.pnx-transport__cue:focus-visible,.pnx-transport__play:focus-visible,.pnx-transport__nav:focus-visible{box-shadow:var(--pnx-seat), 0 0 0 2px var(--pnx-panel-1), 0 0 0 3.5px rgba(var(--pnx-cyan-rgb), .55);outline:none}.pnx-deck--b .pnx-transport__cue:focus-visible,.pnx-deck--b .pnx-transport__play:focus-visible,.pnx-deck--b .pnx-transport__nav:focus-visible{box-shadow:var(--pnx-seat), 0 0 0 2px var(--pnx-panel-1), 0 0 0 3.5px rgba(var(--pnx-amber-rgb), .55)}.pnx-topbar__tab:focus-visible,.pnx-topbar__status-chip:focus-visible,.pnx-enable-audio:focus-visible,.pnx-drawer-trigger:focus-visible{outline:1.5px solid rgba(var(--pnx-cyan-rgb), .7);outline-offset:1px}.pnx-lib-search input:focus-visible,.pnx-lib-search select:focus-visible{box-shadow:var(--pnx-recess), 0 0 0 1.5px rgba(var(--pnx-cyan-rgb), .55);outline:none}.pnx-lib-table tr:focus-visible{outline:1.5px solid rgba(var(--pnx-cyan-rgb), .6);outline-offset:-1.5px}.pnx-meter{box-shadow:var(--pnx-recess), inset 0 0 0 1px #ffffff09, 0 1px 0 #ffffff08, 0 -3px 0 -2px #ffffff0f;margin-top:2px}.pnx-mchannel--master{position:relative}.pnx-mchannel--master:before{content:"";z-index:0;background:#0000002e;border-radius:3px;height:18px;position:absolute;top:20px;left:8px;right:8px;box-shadow:inset 0 1px 3px #00000080,inset 0 1px #ffffff08}.pnx-mchannel--master>*{z-index:1;position:relative}.pnx-lib-rail button{transition:background-color 80ms linear}.pnx-lib-rail button:hover:not(.is-disabled){background:#ffffff08}.pnx-lib-table tr{transition:background-color 80ms linear}.pnx-lib-table tbody tr:nth-child(2n) td{background:#ffffff03}.pnx-lib-table tr.is-selected td{background:rgba(var(--pnx-cyan-rgb), .1);box-shadow:inset 0 1px 0 rgba(var(--pnx-cyan-rgb), .25), inset 0 -1px 0 rgba(var(--pnx-cyan-rgb), .25)}.pnx-lib-table td.title{font-weight:700}.pnx-lib-search input,.pnx-lib-search select{transition:box-shadow 80ms linear}