:root{--pg-accent:#6b78ff;--pg-accent-soft:#4f58b8;--pg-accent-pastel:#8790dc;--pg-accent-rgb:107,120,255;--pg-metal-hi:#252a43;--pg-metal:#171a28;--pg-metal-lo:#0b0d14}
body{background:radial-gradient(circle at 78% 3%,rgba(var(--pg-accent-rgb),.085),transparent 28%),linear-gradient(180deg,#060706,#040504 58%,#060706)}
.pg-top i{background:var(--pg-accent);box-shadow:0 0 14px rgba(var(--pg-accent-rgb),.85)}
.pg-top a:hover,.pg-intro p,.pg-help b,.pg-loader>div>span,.pg-screen__top b,.pg-meter>b,.pg-auto span,.pg-control output,.pg-modes b,.pg-render>div:first-child>span,.pg-note strong{color:var(--pg-accent)}
.pg-shell{border-color:#404767;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(--pg-accent-rgb),.11),transparent 30%),linear-gradient(145deg,#24283c,var(--pg-metal) 48%,var(--pg-metal-lo));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(--pg-accent-rgb),.045)}
.pg-shell__head{background:linear-gradient(180deg,rgba(var(--pg-accent-rgb),.105),rgba(255,255,255,.025) 48%,rgba(0,0,0,.12));border-bottom-color:rgba(var(--pg-accent-rgb),.13)}
button:hover:not(:disabled),.pg-load:hover{border-color:rgba(var(--pg-accent-rgb),.7);color:var(--pg-accent)}.pg-head-actions button.is-active{color:var(--pg-accent);border-color:rgba(var(--pg-accent-rgb),.65)}
.pg-loader{border-color:rgba(var(--pg-accent-rgb),.24)}.pg-loader.is-drag{border-color:var(--pg-accent);background:rgba(var(--pg-accent-rgb),.055)}.pg-load{color:var(--pg-accent);border-color:rgba(var(--pg-accent-rgb),.5);background:linear-gradient(#222a48,#111522)}
.pg-screen{border-color:#3b4262;background:linear-gradient(145deg,#03040a,#0b0d18);box-shadow:inset 0 0 30px rgba(0,0,0,.88),0 5px 12px rgba(0,0,0,.4),0 0 18px rgba(var(--pg-accent-rgb),.04)}#gateCanvas{border-color:rgba(var(--pg-accent-rgb),.14);background:linear-gradient(rgba(var(--pg-accent-rgb),.026) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--pg-accent-rgb),.026) 1px,transparent 1px),#03040a;background-size:100% 32px,54px 100%,100% 100%}.pg-legend i.attack{background:#404c99}.pg-legend i.body{background:var(--pg-accent);opacity:.68}
.pg-meter{border-color:#3c4260;background:linear-gradient(#101320,#080a10)}.pg-meter__bar i{background:linear-gradient(90deg,var(--pg-accent-pastel),var(--pg-accent));box-shadow:0 0 12px rgba(var(--pg-accent-rgb),.32)}.pg-progress i{background:var(--pg-accent);box-shadow:0 0 12px rgba(var(--pg-accent-rgb),.55)}
.pg-auto,.pg-render{border-color:rgba(var(--pg-accent-rgb),.2);background:linear-gradient(90deg,rgba(var(--pg-accent-rgb),.04),rgba(0,0,0,.12))}
.pg-control{position:relative;min-height:164px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;padding:18px 14px 14px;border-color:#3f4560;background:radial-gradient(circle at 50% 24%,rgba(var(--pg-accent-rgb),.05),transparent 36%),linear-gradient(155deg,#191d2b,#0b0d14);box-shadow:inset 0 1px rgba(255,255,255,.055),0 5px 11px rgba(0,0,0,.35)}.pg-control>span{align-self:flex-start;width:100%}.pg-control output{position:absolute;right:14px;top:18px}.pg-control small{margin-top:auto;text-align:center;min-height:18px}
.pg-control.is-knob input[type="range"]{--knob-angle:0deg;position:relative;width:70px;height:70px;margin:18px auto 8px;border-radius:50%;appearance:none;-webkit-appearance:none;background:conic-gradient(from -135deg,var(--pg-accent) 0deg,var(--pg-accent) var(--knob-angle),#141726 var(--knob-angle) 270deg,#080910 270deg 360deg);border:1px solid #4b5270;box-shadow:0 7px 12px #000,inset 0 1px rgba(255,255,255,.19),inset 0 -5px 9px rgba(0,0,0,.7),0 0 12px rgba(var(--pg-accent-rgb),.08)}.pg-control.is-knob input[type="range"]::-webkit-slider-runnable-track{height:70px;background:transparent;border:0;box-shadow:none}.pg-control.is-knob input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:4px;height:27px;margin:4px 0 0 32px;border:0;border-radius:2px;background:linear-gradient(var(--pg-accent),#eef0ff);box-shadow:0 0 7px rgba(var(--pg-accent-rgb),.72);transform-origin:2px 31px;transform:rotate(var(--knob-needle,0deg));pointer-events:none}.pg-control.is-knob input[type="range"]::-moz-range-track{height:70px;background:transparent;border:0}.pg-control.is-knob input[type="range"]::-moz-range-thumb{width:4px;height:27px;border:0;background:var(--pg-accent)}
.pg-control.is-fader input[type="range"]{width:88%;margin:34px auto 27px}.pg-control.is-fader input[type="range"]::-webkit-slider-runnable-track{height:8px;border-color:#363d59;background:linear-gradient(90deg,transparent 49%,rgba(var(--pg-accent-rgb),.62) 49% 51%,transparent 51%),#080a10}.pg-control.is-fader input[type="range"]::-webkit-slider-thumb{width:20px;height:31px;margin-top:-12px;border-color:#59617e;background:linear-gradient(90deg,#10121b 0 43%,var(--pg-accent) 43% 57%,#10121b 57% 100%);box-shadow:0 4px 7px #000,0 0 10px rgba(var(--pg-accent-rgb),.16),inset 0 1px rgba(255,255,255,.18)}
.pg-mode-buttons input:checked+span{border-color:rgba(var(--pg-accent-rgb),.58);color:var(--pg-accent);background:#171b2c;box-shadow:0 0 12px rgba(var(--pg-accent-rgb),.07)}
.pg-analysis,.pg-diagnostics{border-color:rgba(var(--pg-accent-rgb),.085)}
@media(max-width:900px){.pg-control{min-height:154px}}@media(max-width:650px){.pg-control{min-height:148px}.pg-control.is-knob input[type="range"]{width:66px;height:66px}.pg-control.is-knob input[type="range"]::-webkit-slider-runnable-track{height:66px}}