:root{--pd-accent:#24d9e8;--pd-accent-soft:#1b8d98;--pd-accent-pastel:#75dfe6;--pd-accent-rgb:36,217,232}
body{background:radial-gradient(circle at 78% 3%,rgba(var(--pd-accent-rgb),.085),transparent 28%),linear-gradient(180deg,#050707,#030505 58%,#050707)}
.pd-top i{background:var(--pd-accent);box-shadow:0 0 14px rgba(var(--pd-accent-rgb),.85)}
.pd-top a:hover,.pd-intro p,.pd-help b,.pd-loader>div>span,.pd-screen__top b,.pd-meter>b,.pd-auto span,.pd-render>div:first-child>span,.pd-note strong,.pd-band header>span{color:var(--pd-accent)}
.pd-shell{border-color:#31575c;background:repeating-linear-gradient(96deg,rgba(255,255,255,.018) 0 1px,rgba(0,0,0,.03) 1px 3px),radial-gradient(circle at 72% 0,rgba(var(--pd-accent-rgb),.10),transparent 30%),linear-gradient(145deg,#1c3033,#10191b 48%,#081011);box-shadow:0 34px 72px rgba(0,0,0,.62),0 8px 18px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.18),inset 0 -2px 4px rgba(0,0,0,.86),0 0 28px rgba(var(--pd-accent-rgb),.04)}
.pd-shell__head{background:linear-gradient(180deg,rgba(var(--pd-accent-rgb),.10),rgba(255,255,255,.025) 48%,rgba(0,0,0,.12));border-bottom-color:rgba(var(--pd-accent-rgb),.13)}
button:hover:not(:disabled),.pd-load:hover{border-color:rgba(var(--pd-accent-rgb),.68);color:var(--pd-accent)}.pd-head-actions button.is-active{color:var(--pd-accent);border-color:rgba(var(--pd-accent-rgb),.62)}
.pd-loader{border-color:rgba(var(--pd-accent-rgb),.24)}.pd-loader.is-drag{border-color:var(--pd-accent);background:rgba(var(--pd-accent-rgb),.055)}.pd-load{color:var(--pd-accent);border-color:rgba(var(--pd-accent-rgb),.48);background:linear-gradient(#183236,#0d191b)}
.pd-screen{border-color:#31565b;background:linear-gradient(145deg,#020708,#071214);box-shadow:inset 0 0 30px rgba(0,0,0,.88),0 5px 12px rgba(0,0,0,.4),0 0 18px rgba(var(--pd-accent-rgb),.04)}#dynCanvas{border-color:rgba(var(--pd-accent-rgb),.14);background:linear-gradient(rgba(var(--pd-accent-rgb),.025) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--pd-accent-rgb),.025) 1px,transparent 1px),#020708;background-size:100% 32px,54px 100%,100% 100%}.pd-meter{border-color:#31545a;background:linear-gradient(#0d1c1f,#071012)}.pd-meter__bar i,.pd-progress i{background:var(--pd-accent);box-shadow:0 0 12px rgba(var(--pd-accent-rgb),.42)}
.pd-auto,.pd-render{border-color:rgba(var(--pd-accent-rgb),.2);background:linear-gradient(90deg,rgba(var(--pd-accent-rgb),.04),rgba(0,0,0,.12))}
.pd-band{border-color:#31565b;background:radial-gradient(circle at 50% 0,rgba(var(--pd-accent-rgb),.055),transparent 34%),linear-gradient(155deg,#142426,#091113)}.pd-band .pd-band-status i b{background:var(--pd-accent);box-shadow:0 0 9px rgba(var(--pd-accent-rgb),.35)}
.pd-band-grid label,.pd-global label{position:relative;min-height:142px;display:flex!important;flex-direction:column;align-items:center;gap:7px;padding:14px 10px!important}.pd-band-grid label>span,.pd-global label>span{align-self:flex-start}.pd-band-grid label output,.pd-global label output{position:absolute;right:10px;top:14px;color:var(--pd-accent)}
.pd-band-grid label.is-knob input[type="range"],.pd-global label.is-knob input[type="range"]{--knob-angle:0deg;width:62px!important;height:62px!important;margin:16px auto 7px!important;border-radius:50%;appearance:none;-webkit-appearance:none;background:conic-gradient(from -135deg,var(--pd-accent) 0deg,var(--pd-accent) var(--knob-angle),#102023 var(--knob-angle) 270deg,#060b0c 270deg 360deg);border:1px solid #3d666b;box-shadow:0 6px 10px #000,inset 0 1px rgba(255,255,255,.18),inset 0 -4px 8px rgba(0,0,0,.7),0 0 10px rgba(var(--pd-accent-rgb),.08)}.pd-band-grid label.is-knob input[type="range"]::-webkit-slider-runnable-track,.pd-global label.is-knob input[type="range"]::-webkit-slider-runnable-track{height:62px;background:transparent;border:0;box-shadow:none}.pd-band-grid label.is-knob input[type="range"]::-webkit-slider-thumb,.pd-global label.is-knob input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:24px;margin:4px 0 0 28px;border:0;border-radius:2px;background:linear-gradient(var(--pd-accent),#e7ffff);box-shadow:0 0 6px rgba(var(--pd-accent-rgb),.7);transform-origin:2px 27px;transform:rotate(var(--knob-needle,0deg));pointer-events:none}
.pd-band-grid label.is-fader input[type="range"],.pd-global label.is-fader input[type="range"]{width:88%!important;margin:32px auto 22px!important}.pd-band-grid label.is-fader input[type="range"]::-webkit-slider-runnable-track,.pd-global label.is-fader input[type="range"]::-webkit-slider-runnable-track{height:8px;border-color:#31555a;background:linear-gradient(90deg,transparent 49%,rgba(var(--pd-accent-rgb),.64) 49% 51%,transparent 51%),#061012}.pd-band-grid label.is-fader input[type="range"]::-webkit-slider-thumb,.pd-global label.is-fader input[type="range"]::-webkit-slider-thumb{width:19px;height:30px;margin-top:-12px;border-color:#47757a;background:linear-gradient(90deg,#0d1517 0 43%,var(--pd-accent) 43% 57%,#0d1517 57% 100%);box-shadow:0 4px 7px #000,0 0 9px rgba(var(--pd-accent-rgb),.16)}
.pd-analysis,.pd-diagnostics{border-color:rgba(var(--pd-accent-rgb),.085)}
@media(max-width:700px){.pd-band-grid label,.pd-global label{min-height:132px}}