.hw{--hw-bg:#0b0c0f;--hw-panel-hi:#1a1e25;--hw-panel:#14171c;--hw-panel-lo:#101318;--hw-well:#08090b;--hw-ink:#f2f0ea;--hw-ink-dim:#a2aab8;--hw-ink-faint:#737b8a;--hw-red:#ff4d2e;--hw-red-key:#d13317;--hw-green:#3ddc84;--hw-amber:#ffb020;--hw-line:#ffffff12;background-color:var(--hw-bg);color:var(--hw-ink);background-image:radial-gradient(120% 60% at 50% 0,#ffffff0b,#0000 60%),repeating-linear-gradient(90deg,#ffffff03 0 1px,#0000 1px 3px);font-family:Archivo,system-ui,sans-serif;font-size:15px;line-height:1.55}.hw ::selection{color:#fff;background:#ff4d2e66}.hw :focus-visible{outline:2px solid var(--hw-amber);outline-offset:2px;border-radius:4px}.hw{scrollbar-color:#2a2f38 var(--hw-bg)}.hw-display{text-transform:uppercase;letter-spacing:.005em;text-wrap:balance;font-family:Anybody,Arial Black,sans-serif;font-weight:800;font-stretch:118%;line-height:.98}.hw-label{letter-spacing:.16em;text-transform:uppercase;color:var(--hw-ink-dim);font-family:Anybody,Arial Narrow,sans-serif;font-size:11px;font-weight:600;font-stretch:68%}.hw-lcd-text{color:var(--hw-green);text-shadow:0 0 8px #3ddc8466;font-variant-numeric:tabular-nums;font-family:Doto,Geist Mono,monospace;font-weight:700}.hw-num{font-variant-numeric:tabular-nums}.hw-panel{background:linear-gradient(180deg,var(--hw-panel-hi),var(--hw-panel)52%,var(--hw-panel-lo));border:1px solid #05060a;border-radius:14px;position:relative;box-shadow:inset 0 1px #ffffff12,inset 0 -1px #00000080,0 14px 30px -14px #000000b3,0 2px 6px #00000073}.hw-panel-head{box-shadow:0 1px 0 var(--hw-line);background:linear-gradient(#ffffff06,#0000);border-bottom:1px solid #0000008c;border-radius:14px 14px 0 0;align-items:center;gap:10px;padding:10px 16px;display:flex}.hw-well{background:var(--hw-well);border:1px solid #000;border-radius:10px;box-shadow:inset 0 2px 8px #000c,inset 0 -1px #ffffff0a}.hw-lcd{background:repeating-linear-gradient(0deg,#ffffff05 0 1px,#0000 1px 3px),radial-gradient(130% 150% at 50% 0,#0d1611,#070b09 72%);border:1px solid #000;border-radius:10px;box-shadow:inset 0 2px 10px #000000d9,inset 0 0 24px #3ddc840d}.hw-screw{background:radial-gradient(circle at 35% 30%,#4a515c,#23272e 70%);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:inset 0 -1px 1px #000000b3,0 1px #ffffff0d}.hw-screw:after{content:"";background:#000000bf;height:1px;position:absolute;top:50%;left:1.5px;right:1.5px;transform:rotate(-38deg)}.hw-screw--tl{top:7px;left:7px}.hw-screw--tr{top:7px;right:7px}.hw-screw--bl{bottom:7px;left:7px}.hw-screw--br{bottom:7px;right:7px}.hw-key{letter-spacing:.1em;text-transform:uppercase;color:var(--hw-ink);cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#262b34,#1b1f27 60%,#171a21);border:1px solid #05060a;border-radius:9px;justify-content:center;align-items:center;gap:8px;font-family:Anybody,Arial Narrow,sans-serif;font-size:13px;font-weight:700;font-stretch:75%;transition:transform 80ms,box-shadow 80ms,filter .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff17,0 3px #0a0b0e,0 6px 14px #00000080}.hw-key:hover{filter:brightness(1.12)}.hw-key:active,.hw-key.is-pressed{transform:translateY(2px);box-shadow:inset 0 1px #ffffff0f,0 1px #0a0b0e,0 3px 8px #00000080}.hw-key--red{background:linear-gradient(180deg,#e8451f,var(--hw-red-key)48%,#a92808);color:#fff;text-shadow:0 1px #00000059;border-color:#3a0d02;box-shadow:inset 0 1px #ffffff40,0 3px #64180a,0 6px 14px #00000080,0 0 20px #ff4d2e40}.hw-key--red:active,.hw-key--red.is-pressed{box-shadow:inset 0 1px #ffffff26,0 1px #64180a,0 3px 8px #00000080,0 0 26px #ff4d2e66}.hw-key.is-latched{color:var(--hw-amber);transform:translateY(2px);box-shadow:inset 0 1px #ffffff0d,inset 0 0 14px #00000080,0 1px #0a0b0e}.hw-led{background:#363c45;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:inset 0 1px 1px #000000a6}.hw-led--red{background:var(--hw-red);box-shadow:0 0 7px 1px #ff4d2eb3}.hw-led--green{background:var(--hw-green);box-shadow:0 0 7px 1px #3ddc8499}.hw-led--amber{background:var(--hw-amber);box-shadow:0 0 7px 1px #ffb02099}.hw-led--blink{animation:1.6s steps(2,start) infinite hw-led-blink}.hw-key:hover .hw-led--auto,.hw-key:focus-visible .hw-led--auto,a.hw-panel:hover .hw-led--auto,a.hw-panel:focus-visible .hw-led--auto,summary:hover .hw-led--auto,summary:focus-visible .hw-led--auto,details[open] .hw-led--auto{background:var(--hw-red);box-shadow:0 0 7px 1px #ff4d2eb3}@keyframes hw-led-blink{to{opacity:.35}}.hw-socket{background:#060709;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;box-shadow:inset 0 1px 2px #000000e6,0 1px #ffffff0a}.hw-meter{flex-direction:column-reverse;justify-content:flex-start;gap:2px;height:44px;padding:3px 0;display:flex}.hw-meter i{background:#21262e;border-radius:1px;width:11px;height:2px;transition:background 60ms linear,box-shadow 60ms linear;display:block}.hw-meter i.on{background:var(--hw-green);box-shadow:0 0 4px #3ddc8480}.hw-meter i.on.hot{background:var(--hw-amber);box-shadow:0 0 4px #ffb02080}.hw-meter i.on.peak{background:var(--hw-red);box-shadow:0 0 5px #ff4d2e99}.hw-seam-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hw-seam-grid>*+*{border-left:1px solid var(--hw-line)}.hw-seam-grid>:nth-child(n+3){border-top:1px solid var(--hw-line)}.hw-seam-grid>:nth-child(odd){border-left:0}@media (min-width:1024px){.hw-seam-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hw-seam-grid>:nth-child(n+3){border-top:0}.hw-seam-grid>:nth-child(odd){border-left:1px solid var(--hw-line)}.hw-seam-grid>:first-child{border-left:0}}input[type=range].hw-fader{appearance:none;cursor:pointer;background:0 0;border-radius:0;width:100%;height:30px}input[type=range].hw-fader::-webkit-slider-runnable-track{background:var(--hw-well);border-radius:3px;height:6px;box-shadow:inset 0 1px 3px #000000d9}input[type=range].hw-fader::-webkit-slider-thumb{-webkit-appearance:none;background-color:#232932;background-image:linear-gradient(180deg,#ffffff24,transparent 55%),linear-gradient(90deg,transparent 44%,var(--hw-red)44%,var(--hw-red)56%,transparent 56%);border:1px solid #05060a;border-radius:4px;width:20px;height:26px;margin-top:-10px;box-shadow:inset 0 1px #ffffff1f,0 3px 6px #0009}input[type=range].hw-fader::-moz-range-track{background:var(--hw-well);border-radius:3px;height:6px;box-shadow:inset 0 1px 3px #000000d9}input[type=range].hw-fader::-moz-range-thumb{background-color:#232932;background-image:linear-gradient(180deg,#ffffff24,transparent 55%),linear-gradient(90deg,transparent 44%,var(--hw-red)44%,var(--hw-red)56%,transparent 56%);border:1px solid #05060a;border-radius:4px;width:20px;height:26px;box-shadow:inset 0 1px #ffffff1f,0 3px 6px #0009}.hw-grille{background-color:#14171c;background-image:radial-gradient(circle at 50% 42%,#05060a 0 1.5px,#ffffff12 1.5px 2.2px,#0000 2.3px);background-size:8px 8px;box-shadow:inset 0 1px 3px #000c}.hw-jack{background:radial-gradient(circle at 40% 35%,#3a414c,#171b21 60%);border:1px solid #05060a;border-radius:50%;flex-shrink:0;width:18px;height:18px;box-shadow:inset 0 0 0 3px #0a0c0f,inset 0 0 0 4px #2b313b,0 1px #ffffff0d}.hw-armed .hw-arm-led{background:var(--hw-red);box-shadow:0 0 7px 1px #ff4d2eb3}.hw-armed .hw-arm-cascade{animation:.5s ease-out both hw-cascade}@keyframes hw-cascade{0%{box-shadow:0 0 #ff4d2e00}40%{box-shadow:0 0 34px #ff4d2e59}to{box-shadow:0 0 18px #ff4d2e2e}}.hw-key:hover .hw-cap-art,.hw-key:focus-visible .hw-cap-art{filter:var(--cap-hover)}.hw details summary{list-style:none}.hw details summary::-webkit-details-marker{display:none}.hw details[open] .hw-manual-toggle{transform:rotate(45deg)}.hw-manual-toggle{transition:transform .2s}.hw-navlink{letter-spacing:.1em;font-size:14px}@media (prefers-reduced-motion:reduce){.hw *,.hw :before,.hw :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}