/* Hardware finish for Pure 08–12. All selectors scoped to the new chassis. */
body.pure-hardware{--ph-tint:#454251;--ph-light:#727180;background:radial-gradient(ellipse at 50% 0,#1a1d20,#060708 65%);--ph-led:#b8ff3d}
body:has(.pg-page){--ph-tint:#333e56;--ph-light:#697f9b}
body:has(.pd-page){--ph-tint:#254b4b;--ph-light:#689391}
body:has(.pc-page){--ph-tint:#4c4534;--ph-light:#aa986d}
body:has(.pr-page){--ph-tint:#34483d;--ph-light:#72937b}
.pure-hardware main{width:min(1240px,calc(100% - 28px))!important;padding-top:16px!important}
.pure-hardware [class$="-intro"]{margin:18px 0!important;gap:20px!important}
.pure-hardware [class$="-intro"] h1{font-size:clamp(30px,4.2vw,54px)!important;line-height:1!important;letter-spacing:-.045em}
.pure-hardware [class$="-intro"]>span{font-size:13px;color:#aab2ac}
.pure-hardware [class$="-top"]{margin-bottom:16px!important}
.pure-hardware [data-pure-hardware]{border:1px solid var(--ph-light)!important;border-radius:16px!important;padding:0 0 8px;overflow:hidden;background:radial-gradient(ellipse at 15% 0,#ffffff16,transparent 55%),linear-gradient(115deg,var(--ph-tint),#1a2022 58%,var(--ph-tint))!important;box-shadow:inset 0 2px 1px #ffffff70,inset 2px 0 2px #ffffff25,inset 0 -6px 5px #000b,0 8px 0 #080b0c,0 12px 5px #0009,0 28px 65px #000c!important}
.pure-hardware [class$="-shell__head"]{min-height:82px;padding:14px 24px!important;background:linear-gradient(180deg,#ffffff20,transparent 48%,#0004)!important;border-bottom:1px solid #0009!important;box-shadow:inset 0 1px #ffffff30,0 1px #ffffff18!important}
.pure-hardware [class$="-shell__head"] strong{color:#eff3ed!important;text-shadow:0 2px 1px #000!important;font-size:18px!important;letter-spacing:.06em}
.pure-hardware [class$="-shell__head"] small{color:#b9c4ba!important;font-size:9px!important}
.pure-hardware [class$="-shell__head"] img{width:112px!important;filter:drop-shadow(0 2px 2px #000)!important}
.ph-gesture-hint{margin:0;padding:9px 24px;color:#afb8ae;background:#080d0bcc;border-bottom:1px solid #ffffff12;font:10px/1.5 ui-monospace,monospace}
.pure-hardware [class$="-help"]{font-size:11px!important;background:#0c1210!important}
.pure-hardware [class$="-loader"]{margin-top:14px!important;padding:12px 16px!important;min-height:0!important;background:linear-gradient(180deg,#1e2724,#101612)!important;border:1px solid #677269!important;box-shadow:inset 0 1px #ffffff1a,0 3px 5px #0008!important}
.pure-hardware [class$="-screen"]{position:relative;border:7px solid #111614!important;border-top-color:#090d0b!important;border-bottom-color:#37423b!important;border-radius:12px!important;background:radial-gradient(ellipse at 40% 0,#22352966,transparent 65%),#030806!important;box-shadow:0 1px 1px #b9c5b755,inset 0 6px 15px #000,0 8px 12px #0008!important}
.pure-hardware [class$="-screen"]::after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:5px;background:linear-gradient(135deg,#ffffff09,transparent 45%);box-shadow:inset 0 1px 1px #ffffff15}
.pure-hardware canvas{max-width:100%;height:220px!important}
.pure-hardware [class$="-meter"],.pure-hardware .pr-score{background:linear-gradient(140deg,#111e18,#050a07)!important;border:3px solid #2c3931!important;border-radius:10px!important;box-shadow:inset 0 4px 12px #000,0 1px #ffffff33!important}
.pure-hardware [class$="-meter"]>b,.pure-hardware .pr-score>b{color:var(--ph-led)!important;text-shadow:0 0 16px #b8ff3d22}
.pure-hardware [class$="-metrics"] span,.pure-hardware [class$="-result"] span{color:#a0aca2!important;font-size:9px!important}
.pure-hardware [data-pure-hardware] button{min-height:36px;border-radius:5px;background:linear-gradient(#38463e,#1b241f 49%,#101612)!important;border:1px solid #5c6b61;box-shadow:inset 0 1px #ffffff26,0 3px 0 #060b08,0 4px 5px #0006;font-size:9px}
.pure-hardware [data-pure-hardware] button:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 1px #ffffff20,0 1px #050805}
.pure-hardware [data-pure-hardware] button:disabled{opacity:.45}
.pure-hardware .ph-control{position:relative!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:0;min-height:186px!important;padding:14px 10px 12px!important;background:linear-gradient(155deg,#ffffff0a,#0002)!important;border:1px solid #ffffff15!important;border-bottom-color:#0009!important;border-radius:8px!important;box-shadow:inset 0 1px #ffffff16,0 3px 5px #0004!important}
.pure-hardware .ph-control>span{font:700 10px/1.35 ui-monospace,monospace!important;letter-spacing:.08em;color:#d9e3d8!important;width:100%;text-align:center}
.pure-hardware .ph-control output{position:static!important;order:2;align-self:center!important;min-width:78px!important;padding:5px 9px;color:var(--ph-led)!important;background:#040a06;border:1px solid #4f6153;border-radius:3px;box-shadow:inset 0 2px 4px #000,0 1px #ffffff14;font:700 12px/1.2 ui-monospace,monospace!important;text-align:center!important;font-variant-numeric:tabular-nums}
.pure-hardware .ph-control small{order:4;color:#adb7ad!important;font:9px/1.4 ui-monospace,monospace!important;text-align:center;margin-top:2px!important}
.ph-knob{position:relative;width:82px;height:82px;flex:0 0 82px;margin:8px auto 0;filter:drop-shadow(0 7px 4px #0009)}
.ph-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 225deg,var(--ph-led) 0deg var(--ph-fill),#3b4940 var(--ph-fill) 270deg,transparent 270deg);box-shadow:inset 0 0 0 1px #ffffff20}
.ph-face{position:absolute;inset:7px;border:1px solid #6a786e;border-radius:50%;background:radial-gradient(ellipse at 33% 20%,#606c64,#303b34 25%,#141c17 59%,#060b08 77%,#28352c);box-shadow:inset 0 2px 2px #ffffff4a,inset 0 -4px 8px #000,0 2px 2px #000}
.ph-face:after{content:'';position:absolute;inset:7px;border-radius:50%;border:1px solid #ffffff10;box-shadow:inset 0 0 5px #0006}
.ph-needle{position:absolute;left:calc(50% - 1.5px);top:9px;width:3px;height:19px;border-radius:2px;background:var(--ph-led);box-shadow:0 0 4px #b8ff3d77;transform-origin:50% 32px;transform:rotate(var(--ph-angle))}
.pure-hardware .ph-knob input[type=range]{position:absolute!important;inset:0!important;width:82px!important;height:82px!important;opacity:.001!important;margin:0!important;padding:0!important;cursor:ns-resize!important;touch-action:none!important}
.ph-knob:focus-within{outline:2px solid var(--ph-led);outline-offset:4px;border-radius:50%}
.ph-knob.is-dragging .ph-face{border-color:var(--ph-led)}
.ph-limits{display:flex;justify-content:space-between;width:84px;color:#a3b1a6;font:8px/1 ui-monospace,monospace;order:1}
.pure-hardware .ph-control::before,.pure-hardware .ph-control::after{display:none!important}
.pure-hardware :is(.pt-controls,.pg-controls,.pd-global,.pc-levels,.pr-controls){gap:10px!important}
.pure-hardware .pd-band-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pure-hardware .pd-band{min-width:0;background:linear-gradient(#203432,#0d1a18)!important;border-color:#64857a!important}
.pure-hardware :is(.pt-analysis,.pg-analysis,.pd-analysis,.pc-analysis,.pr-scan){background:#111b16!important}
@media(max-width:700px){
 .pure-hardware main{width:calc(100% - 16px)!important}
 .pure-hardware [class$="-shell__head"]{grid-template-columns:1fr auto!important;padding:14px!important}
 .pure-hardware [class$="-shell__head"] img{display:none!important}
 .pure-hardware [class$="-shell__head"] strong{font-size:14px!important}
 .pure-hardware [class$="-intro"]{display:block!important}
 .pure-hardware [class$="-intro"]>span{display:block;margin-top:12px}
 .pure-hardware :is(.pt-controls,.pg-controls,.pd-global,.pc-levels,.pr-controls){grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .pure-hardware .pd-bands{grid-template-columns:1fr!important}
 .ph-gesture-hint{padding:8px 14px}
 .pure-hardware .ph-control{min-height:186px!important}
 .pure-hardware [class$="-render__actions"]{flex-wrap:wrap}
}