:root{--nu-device-shell:var(--nu-metal-steel);--nu-device-shell-light:var(--nu-metal-100);--nu-device-accent:var(--nu-metal-500);--nu-device-accent-deep:var(--nu-metal-700);--nu-device-deck:var(--nu-surface-2);--nu-device-graphite:var(--nu-surface-3);--nu-device-plastic:var(--nu-surface-1);--nu-device-void:var(--nu-bg);--nu-device-contact:var(--nu-metal-100);--nu-device-glass:var(--nu-metal-100);--nu-device-recess:#0a0c11;--nu-device-recess-deep:#050608;--nu-device-led-live:var(--nu-live);--nu-device-led-ready:var(--nu-ok);--nu-device-led-idle:var(--nu-metal-300);--nu-device-led-offline:var(--nu-danger);--nu-device-pool:var(--nu-live);--nu-device-light-key:var(--nu-text);--nu-device-light-fill:var(--nu-metal-100);--nu-device-light-rim:var(--nu-metal-300);--nu-device-key-intensity:2.6;--nu-device-fill-intensity:.9;--nu-device-rim-intensity:2.4;--nu-device-env-intensity:.9;--nu-device-exposure:1.05;--nu-device-shadow-opacity:.42;--nu-device-metalness:.92;--nu-device-roughness:.34;--nu-device-fan-live:2.6;--nu-device-fan-ready:.55;--nu-device-fan-idle:.18;--nu-device-yaw-rest:45;--nu-device-tilt-rest:30;--nu-device-tilt-min:14;--nu-device-tilt-max:52;--nu-device-drag-deg-per-px:.42;--nu-device-inertia-decay:.04;--nu-device-snap-delay-ms:700;--nu-device-hover-lift:.06;--nu-device-hover-lean-deg:14;--nu-device-idle-fps:30;--nu-device-aspect:4 / 3;--nu-device-thumb-w:96px;--nu-device-svg-pad:9% 10%;--nu-device-hud-corner:18px;--nu-device-stage-h:600px;--nu-device-stage-h-sm:440px;--nu-device-hud-line:var(--nu-metal-300)}
.nu-dev-art{width:100%;aspect-ratio:var(--nu-device-aspect);position:relative}.nu-dev-art[data-size=thumb]{width:var(--nu-device-thumb-w);flex:none}.nu-dev-svg,.nu-dev-gl{width:100%;height:100%;display:block;position:absolute;inset:0}.nu-dev-svg{padding:var(--nu-device-svg-pad);transition:opacity var(--nu-dur-ui) var(--nu-ease-out)}.nu-dev-svg svg{width:100%;height:100%;display:block}.nu-dev-art .nu-dev-gl{-webkit-mask-image:radial-gradient(closest-side,#000 72%,#0000);mask-image:radial-gradient(closest-side,#000 72%,#0000)}.nu-dev-art[data-state=offline] .nu-dev-gl{filter:saturate(.4)brightness(.8)}.iso{--led:var(--nu-device-led-idle);overflow:visible}.iso .s{stroke:var(--nu-line-strong);stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.iso .t{fill:var(--nu-device-shell)}.iso .l{fill:color-mix(in srgb, var(--nu-device-shell) 62%, var(--nu-device-recess))}.iso .r{fill:color-mix(in srgb, var(--nu-device-shell) 38%, var(--nu-device-recess))}.iso .pl-top,.iso .pl-side,.iso .pl-side2,.iso .pl-inset,.iso .sheen{display:none}.iso .shadow-f{fill:var(--nu-device-recess-deep)}.iso .shadow{opacity:.7}.iso .inset{fill:none;stroke:color-mix(in srgb, var(--nu-device-shell-light) 30%, transparent);stroke-width:1px;vector-effect:non-scaling-stroke}.iso .foam-bed{fill:var(--nu-device-recess)}.iso .foam{fill:var(--nu-device-shell-light);opacity:.32}.iso .port,.iso .vent{fill:var(--nu-device-recess-deep);stroke:var(--nu-line);stroke-width:1px;vector-effect:non-scaling-stroke}.iso .bracket{fill:color-mix(in srgb, var(--nu-device-shell-light) 55%, var(--nu-device-recess))}.iso .fin-bed{fill:var(--nu-device-recess)}.iso .fin{stroke:var(--nu-device-shell-light);stroke-opacity:.35;stroke-width:1px;vector-effect:non-scaling-stroke}.iso .ridge{stroke:var(--nu-device-accent);stroke-opacity:.7;stroke-width:1px;vector-effect:non-scaling-stroke}.iso .bridge{fill:var(--nu-device-deck)}.iso .strip{fill:var(--nu-device-accent);opacity:.6}.iso .plug .t,.iso .plug .l,.iso .plug .r,.iso .fan-well{fill:var(--nu-device-recess)}.iso .fan-bore{fill:var(--nu-device-recess-deep)}.iso .blade{fill:none;stroke:var(--nu-device-shell-light);stroke-opacity:.5;stroke-width:1.3px;vector-effect:non-scaling-stroke;stroke-linecap:round}.iso .fan-hub{fill:var(--nu-device-accent)}.iso .fan-rim{fill:none;stroke:var(--nu-device-shell);stroke-width:1px;vector-effect:non-scaling-stroke}.iso .cavity{fill:var(--nu-device-recess-deep)}.iso .psu .t,.iso .cooler .t{fill:var(--nu-device-graphite)}.iso .inner-card .t{fill:var(--nu-device-shell)}.iso .inner-card .l{fill:var(--nu-device-deck)}.iso .glass{fill:var(--nu-device-glass);fill-opacity:.06;stroke:var(--nu-line-strong)}.iso .glare{fill:var(--nu-text);opacity:.03}.iso .rim{stroke:var(--nu-device-light-rim);stroke-opacity:.6;stroke-width:1px;vector-effect:non-scaling-stroke;stroke-linecap:round}.iso .stop-led{stop-color:var(--led)}.iso .stop-pool{stop-color:var(--nu-device-pool)}.iso .led{fill:var(--led);opacity:.5}.iso .led-halo{opacity:.3}.iso .pool{opacity:0;transition:opacity .6s var(--nu-ease-out)}.iso .dev{transition:filter var(--nu-dur-ui), opacity var(--nu-dur-ui)}.iso[data-state=ready]{--led:var(--nu-device-led-ready)}.iso[data-state=ready] .led{opacity:1}.iso[data-state=ready] .led-halo{opacity:.6}.iso[data-state=live]{--led:var(--nu-device-led-live)}.iso[data-state=live] .led,.iso[data-state=live] .led-halo,.iso[data-state=live] .pool{opacity:1}.iso[data-state=live] .strip{fill:var(--nu-device-led-live);opacity:.7}.iso[data-state=offline]{--led:var(--nu-device-led-offline)}.iso[data-state=offline] .dev{filter:saturate(.3);opacity:.6}.iso[data-state=offline] .led-halo{opacity:0}.nu-dev-stage{height:var(--nu-device-stage-h);border-radius:var(--nu-radius-xl);border:1px solid var(--nu-line);background:radial-gradient(90% 70% at 50% 30%, var(--nu-surface-2), var(--nu-surface-1) 60%, var(--nu-bg));cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.nu-dev-stage[data-dragging]{cursor:grabbing}.nu-dev-stage[data-renderer=svg]{cursor:default}.nu-dev-stage>.nu-dev-svg{padding:var(--nu-space-16) var(--nu-space-12);transition-duration:var(--nu-dur-enter)}.nu-dev-stage>canvas{opacity:0;transition:opacity var(--nu-dur-enter) var(--nu-ease-out);position:absolute;inset:0}.nu-dev-stage[data-renderer=webgl]>canvas{opacity:1}.nu-dev-stage .slot{right:var(--nu-space-4);top:var(--nu-space-4);gap:var(--nu-space-2);z-index:2;display:flex;position:absolute}@media (max-width:767px){.nu-dev-stage{height:var(--nu-device-stage-h-sm)}.nu-dev-stage>.nu-dev-svg{padding:var(--nu-space-12) var(--nu-space-5)}}.nu-dev-hud{pointer-events:none;position:absolute;inset:0}.nu-dev-hud .corner{width:var(--nu-device-hud-corner);height:var(--nu-device-hud-corner);border:0 solid var(--nu-line-strong);position:absolute}.nu-dev-hud .c1{left:var(--nu-space-3);top:var(--nu-space-3);border-width:1px 0 0 1px}.nu-dev-hud .c2{right:var(--nu-space-3);top:var(--nu-space-3);border-width:1px 1px 0 0}.nu-dev-hud .c3{left:var(--nu-space-3);bottom:var(--nu-space-3);border-width:0 0 1px 1px}.nu-dev-hud .c4{right:var(--nu-space-3);bottom:var(--nu-space-3);border-width:0 1px 1px 0}.nu-dev-hud .readout{left:var(--nu-space-6);top:var(--nu-space-5);font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--nu-text-xs);color:var(--nu-text-3);text-transform:uppercase;white-space:pre;line-height:1.6;position:absolute}.nu-dev-hud .readout b{color:var(--nu-text-2);font-weight:400}.nu-dev-hud svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.nu-dev-hud svg path{fill:none;stroke:var(--nu-device-hud-line);stroke-width:1px}.nu-dev-hud svg circle{fill:var(--nu-bg);stroke:var(--nu-device-hud-line);stroke-width:1.5px}.nu-dev-hud svg text{font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--nu-text-xs);fill:var(--nu-device-hud-line);display:none}.nu-dev-hud .co{font-size:var(--nu-text-xs);color:var(--nu-text);white-space:nowrap;position:absolute;transform:translateY(-50%)}.nu-dev-hud .co .k{font-family:var(--font-mono-face), ui-monospace, monospace;color:var(--nu-device-hud-line);margin-right:var(--nu-space-2)}.nu-dev-hud .co small{font-family:var(--font-mono-face), ui-monospace, monospace;font-size:var(--nu-text-xs);color:var(--nu-text-3);display:block}@media (max-width:767px){.nu-dev-hud .co,.nu-dev-hud svg path{display:none}.nu-dev-hud svg text{display:block}.nu-dev-hud .readout{left:var(--nu-space-5);font-size:var(--nu-text-xs)}}