:root{--hw-bg: #13161b;--hw-panel: #1b1f27;--hw-panel-hi: #232a34;--hw-panel-lo: #10131a;--hw-channel: #090b0f;--hw-metal-shine: #aab4be;--hw-metal-hi: #7a8490;--hw-metal: #50585e;--hw-metal-lo: #303840;--hw-label: #7a8896;--hw-label-hi: #b4c0cc;--hw-label-dim: #384048;--hw-groove: #090c10;--hw-rim: rgba(0,0,0,.7)}.hw-page{width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(160deg,#1e2330,#161b22,#1a1f28);background-size:200px 200px,100% 100%;background-blend-mode:soft-light,normal}.hw-sticker{display:flex;flex-direction:column;gap:3px;user-select:none;pointer-events:none}.hw-sticker-model{font-family:Big Shoulders Display,sans-serif;font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;line-height:1;color:#c8d4de;text-shadow:0 1px 0 rgba(0,0,0,.7),0 -1px 0 rgba(255,255,255,.04)}.hw-sticker-mfr{font-family:"Exo 2",sans-serif;font-size:7px;font-weight:900;text-transform:uppercase;letter-spacing:.36em;color:#40505e;text-shadow:0 1px 0 rgba(0,0,0,.7)}.hw-section{border-radius:4px;padding:10px 14px 12px;position:relative;background:linear-gradient(var(--hw-panel),var(--hw-panel)) padding-box,linear-gradient(160deg,#5a6472,#2a3240 20%,#1a2030,#2a3240 80%,#4a5462) border-box;border:1px solid transparent;box-shadow:0 1px #ffffff17 inset,0 -1px #00000073 inset,0 5px #07080c,0 8px 20px #000000bf,0 0 0 1px #0000008c}.hw-section-label{display:block;font-family:"Exo 2",sans-serif;font-size:7px;font-weight:900;letter-spacing:.32em;text-transform:uppercase;color:var(--hw-label-dim);text-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,255,255,.03);margin-bottom:8px}.hw-btn{position:relative;font-family:"Exo 2",sans-serif;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;padding:4px 8px;line-height:1.2;border:none;border-radius:2px;cursor:pointer;white-space:nowrap;flex-shrink:0;color:var(--hw-label);background:linear-gradient(180deg,#2a3140,#232a36 35%,#1c2230 65%,#242c38);box-shadow:0 1px #ffffff12 inset,0 -1px #0006 inset,1px 0 #ffffff0a inset,0 3px #08090d,0 4px 6px #0000008c,0 0 0 1px #000000a6;transition:background 60ms linear,box-shadow 60ms linear,transform 60ms linear,color 60ms linear}.hw-btn:hover:not([data-on=true]){color:var(--hw-label-hi);background:linear-gradient(180deg,#303848,#28303e 35%,#222a36 65%,#2a3240)}.hw-btn:active{transform:translateY(2px);box-shadow:0 1px 3px #0009 inset,0 1px #08090d,0 0 0 1px #000000a6;background:linear-gradient(180deg,#181e28,#1e2530)}.hw-btn[data-on=true]{color:var(--hw-label-hi);background:linear-gradient(180deg,#161c26,#1c2330);box-shadow:0 2px 4px #000000b3 inset,0 0 0 1px #000000a6,0 0 12px -4px var(--ctrl-color, #4dff9c)}.hw-btn:after{content:"";position:absolute;top:4px;right:4px;width:3px;height:3px;border-radius:50%;background:#08090c;box-shadow:0 0 0 1px #0009 inset,0 1px 1px #00000080 inset;transition:background 80ms linear,box-shadow 80ms linear}.hw-btn[data-on=true]:after{background:var(--ctrl-color, #4dff9c);box-shadow:0 0 3px 1px var(--ctrl-color, #4dff9c),0 0 7px 2px var(--ctrl-color, #4dff9c)}.hw-tab{position:relative;font-family:"Exo 2",sans-serif;font-size:8px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;padding:5px 12px;line-height:1.2;border:none;border-radius:2px;cursor:pointer;white-space:nowrap;flex-shrink:0;overflow:hidden;color:var(--hw-label-dim);background:linear-gradient(180deg,#252d3a,#1c2430);box-shadow:0 1px #ffffff0d inset,0 -1px #0006 inset,0 3px #06080c,0 4px 6px #00000080,0 0 0 1px #0009;transition:background 60ms linear,box-shadow 60ms linear,color 60ms linear,transform 60ms linear}.hw-tab:hover:not([data-active=true]){color:var(--hw-label);background:linear-gradient(180deg,#2d3644,#232c38)}.hw-tab:active{transform:translateY(2px);box-shadow:0 1px 3px #0009 inset,0 1px #06080c,0 0 0 1px #0009}.hw-tab[data-active=true]{color:var(--hw-label-hi);background:linear-gradient(180deg,#1c2430,#242d3c);box-shadow:0 2px 3px #0009 inset,0 0 0 1px #0009}.hw-tab:before{content:"";position:absolute;top:0;left:3px;right:3px;height:2px;background:#08090c;border-radius:0 0 1px 1px;transition:background 80ms,box-shadow 80ms}.hw-tab[data-active=true]:before{background:var(--ctrl-color, var(--hw-metal-shine));box-shadow:0 0 6px 1px var(--ctrl-color, var(--hw-metal-shine))}.hw-slider-row{display:flex;align-items:center;gap:8px}.hw-slider-lbl{font-family:"Exo 2",sans-serif;font-size:7.5px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--hw-label);text-shadow:0 1px 0 rgba(0,0,0,.6),0 -1px 0 rgba(255,255,255,.03);white-space:nowrap;min-width:38px}.hw-slider-val{font-family:Courier New,monospace;font-size:9px;letter-spacing:.03em;color:#a0e8a8;text-shadow:0 0 8px rgba(100,220,120,.6),0 0 16px rgba(100,220,120,.2);background:#050806;border:1px solid #0a100c;box-shadow:0 1px 3px #000000e6 inset,0 0 0 1px #00000080;padding:2px 5px;border-radius:2px;min-width:44px;text-align:right;flex-shrink:0}.hw-slider{-webkit-appearance:none;appearance:none;flex-shrink:0;height:5px;border-radius:1px;outline:none;cursor:ew-resize;background:linear-gradient(180deg,#06080c,#0e1218);box-shadow:0 2px 4px #000000e6 inset,0 0 0 1px #0009,0 1px #ffffff08}.hw-slider{background:linear-gradient(90deg,var(--ctrl-color, #4a8a6a) 0%,var(--ctrl-color, #4a8a6a) calc(var(--pct, 50%) - 1px),transparent calc(var(--pct, 50%) - 1px)),linear-gradient(180deg,#06080c,#0e1218)}.hw-slider::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:18px;border-radius:2px;cursor:ew-resize;background:linear-gradient(180deg,#9aa6b4,#6a7480 15%,#505c68 45%,#404c58 60%,#586068 85%,#484e58);box-shadow:1px 0 #ffffff1a inset,-1px 0 #00000040 inset,0 2px 5px #000000b3,0 0 0 1px #00000080;border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(0,0,0,.3)}.hw-slider::-webkit-slider-thumb:hover{background:linear-gradient(180deg,#aab6c4,#788490 15%,#5a6874 45%,#4a5864 60%,#687078 85%,#565c68)}.hw-slider::-webkit-slider-thumb:active{background:linear-gradient(180deg,#889098,#505a64 15%,#404850 45%,#363c48 60%,#484e58 85%,#3c4250)}.hw-slider::-moz-range-thumb{width:9px;height:18px;border-radius:2px;border:none;cursor:ew-resize;background:linear-gradient(180deg,#9aa6b4,#6a7480 15%,#505c68 45%,#404c58 60%,#586068 85%,#484e58);box-shadow:0 2px 5px #000000b3,0 0 0 1px #00000080;border-top:1px solid rgba(255,255,255,.22)}.hw-slider:focus-visible{outline:none;box-shadow:0 2px 4px #000000e6 inset,0 0 0 1px #0009,0 0 0 2px var(--ctrl-color, #4a8a6a)}.hw-lbl{font-family:"Exo 2",sans-serif;font-size:7.5px;font-weight:900;letter-spacing:.22em;text-transform:uppercase;color:var(--hw-label-dim);text-shadow:0 1px 0 rgba(0,0,0,.6);white-space:nowrap;flex-shrink:0}.hw-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hw-row+.hw-row{margin-top:8px}.hw-sep{width:1px;height:16px;background:linear-gradient(180deg,transparent,#3a4252,transparent);flex-shrink:0}.hw-sep-h{height:1px;background:linear-gradient(90deg,transparent,#2a3040 20%,#2a3040 80%,transparent);margin:10px 0;flex-shrink:0}.hw-readout{font-family:Courier New,monospace;font-size:10px;letter-spacing:.06em;color:#9ad4a0;text-shadow:0 0 10px rgba(100,220,120,.5),0 0 20px rgba(100,220,120,.2);background:#080c0a;padding:3px 8px;border-radius:2px;box-shadow:0 1px 3px #000c inset,0 0 0 1px #0009;min-width:52px;text-align:right}.hw-led{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:#1a1e14;box-shadow:0 0 0 1px #00000080,0 1px 2px #0009 inset;transition:background .12s,box-shadow .12s}.hw-led[data-lit=true]{background:var(--ctrl-color, #4dff9c);box-shadow:0 0 0 1px #0006,0 0 6px 2px var(--ctrl-color, #4dff9c),0 0 14px 4px var(--ctrl-color, #4dff9c)}.hw-body{flex:1;overflow:auto;padding:20px;display:flex;gap:16px;align-items:flex-start}.hw-col{display:flex;flex-direction:column;gap:12px;flex:1;min-width:0}