.gpt-instrument{--concept-bg:oklch(11.5% .015 250);--concept-panel:oklch(16% .018 250);--concept-panel-high:oklch(19.5% .022 250);--concept-line:#ffffff1a;--concept-soft-line:#ffffff0e;--concept-text:oklch(94% .01 250);--concept-muted:oklch(66% .025 250);background:var(--concept-bg);min-height:100dvh}.gpt-instrument .rig{background:linear-gradient(#ffffff05 1px, transparent 1px), linear-gradient(90deg, #ffffff05 1px, transparent 1px), var(--concept-bg);background-size:42px 42px;gap:10px;width:100vw;max-width:100vw;padding:10px}.gpt-instrument .topbar{border-color:var(--concept-line);background:#141921f0;border-radius:3px;gap:14px;height:58px;padding:0 18px;box-shadow:0 12px 30px #0000003d}.gpt-instrument .brand-group{border-right:1px solid var(--concept-line);gap:11px;padding-right:14px}.gpt-instrument .wordmark{letter-spacing:.22em;font-size:18px}.gpt-instrument .version-badge{color:var(--concept-muted);border:1px solid var(--concept-line);background:0 0}.gpt-instrument .hint{opacity:.58}.gpt-instrument .lamp,.gpt-instrument .fmt,.gpt-instrument .rec{border-color:var(--concept-line);background:0 0;border-radius:2px;min-height:36px}.gpt-instrument .rig .floor{grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr);gap:10px;width:100%}.gpt-instrument section.deck,.gpt-instrument .mixer{border-color:var(--concept-line);background:#12171ff5;border-radius:3px;position:relative;box-shadow:0 18px 38px #0000004d}.gpt-instrument section.deck{gap:10px;padding:14px;overflow:hidden}.gpt-instrument section.deck:before{content:"";background:var(--c);width:2px;box-shadow:0 0 22px var(--c);opacity:.9;pointer-events:none;position:absolute;inset:0 auto 0 0}.gpt-instrument .deck-header{border-bottom:1px solid var(--concept-soft-line);min-height:42px;padding:0 2px 7px}.gpt-instrument .badge{width:32px;height:32px;box-shadow:none;border-radius:1px}.gpt-instrument .title .t{font-size:16px}.gpt-instrument .title .ar{font-size:12px}.gpt-instrument .bpm{font-size:19px}.gpt-instrument .waveform-stack{border-color:var(--concept-line);background:#03060aeb;border-radius:2px;padding:5px}.gpt-instrument .body{aspect-ratio:1.28;background:linear-gradient(105deg,#ffffff12,#0000 34%),repeating-linear-gradient(0deg,#ffffff03 0 1px,#0000 1px 3px),oklch(22.5% .012 245);border:1px solid #000000b8;grid-template-columns:minmax(0,1fr) clamp(58px,12%,72px);align-self:center;align-items:center;gap:0;width:min(100%,58dvh);min-width:0;height:auto;max-height:100%;margin-inline:auto;padding:5px;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #00000085,0 8px 16px #00000059}.gpt-instrument .jog-center{aspect-ratio:auto;isolation:isolate;width:100%;min-width:0;height:100%;max-height:100%;box-shadow:none;background:radial-gradient(circle,#dce2e880 0 1px,#0000 1.5px) left 7px bottom 4px/9px 6px repeat-x,radial-gradient(circle at 12px 12px,#050709 0 2px,#ffffff38 2.5px 3.5px,#0000 4px),radial-gradient(circle at calc(100% - 12px) 12px,#050709 0 2px,#ffffff38 2.5px 3.5px,#0000 4px),radial-gradient(circle at 12px calc(100% - 12px),#050709 0 2px,#ffffff38 2.5px 3.5px,#0000 4px),0 0;border:0;justify-self:center;padding:clamp(8px,1vw,14px) clamp(13px,1.2vw,18px) clamp(17px,1.6vw,23px);position:relative;overflow:hidden}.gpt-instrument .jog-center>.box{z-index:2;filter:drop-shadow(0 9px 8px #0000008c);width:100%;min-width:0;position:relative}.gpt-instrument .jog-center:before{content:"START\a STOP";white-space:pre-line;z-index:3;color:#ebeff3b8;width:42px;height:42px;font:700 5.5px/1.1 var(--font-mono);letter-spacing:.04em;text-align:center;pointer-events:none;background:radial-gradient(circle at 37% 30%,#ffffff4d,#0000 22%),radial-gradient(circle,oklch(42% .012 245),oklch(20% .01 245) 70%);border:2px solid #06080ae6;border-radius:50%;place-items:center;padding:7px;line-height:1.15;display:grid;position:absolute;bottom:10px;left:13px;box-shadow:inset 0 1px 2px #ffffff38,inset 0 -3px 4px #00000080,0 3px 5px #0000008c}.gpt-instrument .jog-center .tonearm{z-index:3;width:clamp(58px,17%,78px);height:64%;transform:rotate(var(--arm-angle,0deg));transform-origin:calc(100% - 14px) 15px;filter:drop-shadow(2px 3px 2px #0000008c);pointer-events:auto;cursor:grab;touch-action:none;transition:transform 90ms linear;display:block;position:absolute;top:9%;right:5px}.gpt-instrument .jog-center .tonearm.dragging{cursor:grabbing;transition:none}.gpt-instrument .jog-center .tonearm:focus-visible{outline:2px solid var(--c);outline-offset:3px}.gpt-instrument .arm-pivot{background:radial-gradient(circle,oklch(12% .01 245) 0 5px,oklch(36% .01 245) 6px 9px,oklch(76% .01 245) 10px 11px,oklch(20% .01 245) 12px);border:2px solid oklch(70% .012 245);border-radius:50%;width:25px;height:25px;position:absolute;top:3px;right:2px;box-shadow:inset 0 1px #fff3,0 2px 3px #0009}.gpt-instrument .counterweight{background:repeating-linear-gradient(90deg,oklch(56% .01 245) 0 2px,oklch(38% .01 245) 2px 4px);border:1px solid #000000b8;border-radius:7px 2px 2px 7px;width:23px;height:14px;position:absolute;top:8px;right:21px}.gpt-instrument .arm-tube{transform-origin:50% 0;background:linear-gradient(90deg,oklch(38% .01 245),oklch(86% .008 245) 45%,oklch(50% .01 245));border-radius:4px;width:5px;height:88%;position:absolute;top:15px;right:13px;transform:rotate(14deg);box-shadow:1px 0 #00000073}.gpt-instrument .headshell{background:radial-gradient(circle at 50% 6px,#dce1e6b3 0 1.5px,#0000 2px),linear-gradient(90deg,oklch(16% .01 245),oklch(32% .01 245),oklch(13% .01 245));border:1px solid #000000c2;border-radius:2px 2px 5px 5px;width:19px;height:30px;position:absolute;bottom:-9px;left:-7px;transform:rotate(-14deg);box-shadow:inset 0 1px #ffffff1a}.gpt-instrument .cartridge{background:var(--c);width:9px;height:10px;box-shadow:0 0 5px color-mix(in srgb, var(--c) 55%, transparent);border-radius:1px;position:absolute;bottom:-7px;left:5px}.gpt-instrument .stylus{transform-origin:top;background:oklch(82% .01 245);width:1px;height:6px;position:absolute;bottom:-12px;left:9px;transform:rotate(18deg)}.gpt-instrument section.deck:not(.loaded) .tonearm{transform:rotate(-16deg)}.gpt-instrument .pitch{background:radial-gradient(circle at 50% 14px, var(--c) 0 2px, transparent 3px), linear-gradient(90deg, transparent 47%, #00000094 48% 52%, transparent 53%);border:0;border-left:1px solid #00000085;align-self:stretch;height:100%;padding:30px 7px 9px;position:relative;box-shadow:inset 1px 0 #ffffff12}.gpt-instrument .pitch:before{content:"PITCH";color:#e1e6ec80;width:100%;font:600 7px/1 var(--font-mono);letter-spacing:.12em;text-align:center;pointer-events:none;position:absolute;top:6px;left:0}.gpt-instrument .pitch .fader-col{flex:0 140px;width:100%;min-height:70px;max-height:140px;margin-top:10px}.gpt-instrument .cue,.gpt-instrument .btn,.gpt-instrument .band,.gpt-instrument .nudge{border-color:var(--concept-line);background:var(--concept-panel-high);box-shadow:none;border-radius:2px}.gpt-instrument .cue{height:38px}.gpt-instrument .btn.primary{height:42px}.gpt-instrument .btn.small{min-height:30px}.gpt-instrument .fxrow{padding:8px 0}.gpt-instrument .mixer{background:radial-gradient(circle at 50% 48%,#25c9e813,#0000 38%),#0d1219fa;gap:10px;padding:12px}.gpt-instrument .mixer:before{content:"SPATIAL MIX";border-bottom:1px solid var(--concept-line);color:var(--concept-muted);font:700 10px/1 var(--font-display);letter-spacing:.24em;text-align:center;padding:1px 0 8px;display:block}.gpt-instrument .eqgrid{border-bottom:1px solid var(--concept-soft-line);padding-bottom:8px}.gpt-instrument .channels{justify-items:center;min-height:96px}.gpt-instrument .radar-box{padding:7px 0}.gpt-instrument .radar{border-color:#25c9e852}.gpt-instrument .cbtn,.gpt-instrument .pbtn,.gpt-instrument .transition{background:var(--concept-panel);border-radius:2px}.gpt-instrument .cbtn{min-height:32px}.gpt-instrument .pbtn{min-height:28px}.gpt-instrument .transition{min-height:36px}.gpt-instrument .xf{border-top:1px solid var(--concept-line);margin-top:8px;padding:14px 8px 0}.gpt-instrument .xf .track:not(.vertical){height:48px}.gpt-instrument .xf .track:not(.vertical)>.cap{width:42px;top:4px;bottom:4px}.gpt-instrument .gate{background:linear-gradient(#ffffff06 1px,#0000 1px) 0 0/48px 48px,linear-gradient(90deg,#ffffff06 1px,#0000 1px) 0 0/48px 48px,radial-gradient(circle at 50% 40%,#15212c 0%,#06080c 72%)}.gpt-instrument .gatebox{background:#0f141bf5;border-radius:3px;max-width:560px;padding:46px 42px}.gpt-instrument .gatebox h1{font-size:clamp(2rem,5vw,3.4rem)}.gpt-instrument .start{border-radius:2px;min-height:48px}.gpt-instrument :is(button,[role=button]):focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media (width<=1180px){.gpt-instrument .hint{display:none}.gpt-instrument .rig .floor{grid-template-columns:minmax(0,1fr) 400px minmax(0,1fr)}.gpt-instrument .topbar{gap:8px;padding-inline:10px}}@media (width<=920px){.gpt-instrument .rig{gap:6px;padding:6px}.gpt-instrument .topbar{height:48px}.gpt-instrument .wordmark{font-size:15px}.gpt-instrument .version-badge,.gpt-instrument .lamp,.gpt-instrument .master-block{display:none}.gpt-instrument .rig .floor{grid-template-columns:minmax(0,1fr) 184px;gap:6px}.gpt-instrument section.deck{padding:10px}.gpt-instrument .mixer{padding:8px}}@media (width<=640px){.gpt-instrument .topbar{padding-inline:8px}.gpt-instrument .brand-group{border:0;padding:0}.gpt-instrument .rig .floor{overscroll-behavior-inline:contain;scrollbar-width:thin;grid-template-columns:minmax(280px,1fr) 176px;overflow-x:auto}.gpt-instrument section.deck{min-width:280px}.gpt-instrument .fmt{margin-left:auto}.gpt-instrument .gatebox{padding:34px 22px}}@media (height<=1000px) and (width>=921px){.gpt-instrument section.deck{gap:7px;padding:10px}.gpt-instrument .deck-header{min-height:34px;padding-bottom:4px}.gpt-instrument .badge{width:28px;height:28px}.gpt-instrument .waveform-stack{gap:3px;padding:3px}.gpt-instrument .waveform-stack .ov{height:20px}.gpt-instrument .waveform-stack .wave{height:44px}.gpt-instrument .times{font-size:10px}.gpt-instrument .cue{height:30px}.gpt-instrument .btn.primary{height:34px}.gpt-instrument .btn.small{min-height:26px}.gpt-instrument .fxrow{padding:4px 0}}@media (prefers-reduced-motion:reduce){.gpt-instrument *,.gpt-instrument :before,.gpt-instrument :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}