@import "https://fonts.googleapis.com/css2?family=Martian+Mono:wght@300;400;500;600;700&family=JetBrains+Mono:ital,wght@0,400;0,500;0,700;1,400&display=swap";:root,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink-950:#08080a;--ink-900:#0d0d10;--ink-850:#131316;--ink-800:#1a1a1e;--ink-750:#212126;--ink-700:#2a2a30;--ink-600:#383840;--ink-500:#4d4d56;--ink-400:#6b6b75;--ink-300:#989aa2;--ink-200:#c4c5cb;--ink-100:#e8e7e3;--ink-050:#f6f5f1;--orange-500:#ff5c38;--orange-400:#ff7a5c;--orange-600:#e8451f;--orange-700:#b8330f;--orange-glow:#ff5c3859;--orange-tint:#ff5c381f;--led-green:#5dffb0;--led-amber:#ffc24b;--led-red:#ff4d4d;--led-blue:#5b9dff;--led-cyan:#4be0e0;--surface-page:var(--ink-950);--surface-well:var(--ink-900);--surface-panel:var(--ink-850);--surface-raised:var(--ink-800);--surface-control:var(--ink-750);--surface-control-hover:#2c2c33;--surface-overlay:#0d0d10d1;--surface-inset:var(--ink-900);--line-hairline:var(--ink-700);--line-soft:#ffffff0f;--line-strong:var(--ink-600);--line-engraved:#0009;--text-hi:var(--ink-050);--text-body:var(--ink-100);--text-muted:var(--ink-300);--text-label:var(--ink-400);--text-faint:var(--ink-500);--text-on-accent:#1a0d08;--accent:var(--orange-500);--accent-hover:var(--orange-400);--accent-active:var(--orange-600);--accent-glow:var(--orange-glow);--accent-tint:var(--orange-tint);--status-ok:var(--led-green);--status-warn:var(--led-amber);--status-err:var(--led-red);--status-info:var(--led-blue);--viz-lo:#2a2a30;--viz-mid:#ff5c38;--viz-hi:#ffc24b}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink-950:#fff;--ink-900:#fbfaf6;--ink-850:#f4f1ea;--ink-800:#ece8de;--ink-750:#e3ded2;--ink-700:#d3cdbe;--ink-600:#b8b1a0;--ink-500:#908a7c;--ink-400:#6f695d;--ink-300:#555046;--ink-200:#3a362f;--ink-100:#221f1a;--ink-050:#14120e;--orange-500:#e8451f;--orange-400:#ff5c38;--orange-600:#c5360f;--orange-700:#9c2a08;--orange-glow:#e8451f38;--orange-tint:#e8451f1a;--led-green:#1c9e63;--led-amber:#b8801a;--led-red:#d83a3a;--led-blue:#2f6fd6;--led-cyan:#18a0a0;--surface-page:var(--ink-900);--surface-well:var(--ink-850);--surface-panel:#fbfaf6;--surface-raised:#fff;--surface-control:#fff;--surface-control-hover:#f4f1ea;--surface-overlay:#f4f1ead1;--surface-inset:var(--ink-850);--line-hairline:var(--ink-700);--line-soft:#0000000f;--line-strong:var(--ink-600);--line-engraved:#0000001f;--text-on-accent:#fff6f1;--viz-lo:#d3cdbe;--viz-mid:#e8451f;--viz-hi:#b8801a}:root{--font-display:"Martian Mono", "JetBrains Mono", ui-monospace, monospace;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--fs-micro:.6875rem;--fs-label:.75rem;--fs-caption:.8125rem;--fs-body:.9375rem;--fs-value:1.0625rem;--fs-h6:1rem;--fs-h5:1.25rem;--fs-h4:1.5rem;--fs-h3:2rem;--fs-h2:2.75rem;--fs-h1:3.75rem;--fs-display:5.5rem;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.05;--lh-snug:1.2;--lh-normal:1.5;--lh-relaxed:1.65;--ls-display:-.02em;--ls-heading:-.01em;--ls-body:0;--ls-label:.14em;--ls-label-wide:.24em;--space-0:0;--space-px:1px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--control-h-sm:28px;--control-h-md:36px;--control-h-lg:44px;--knob-sm:44px;--knob-md:64px;--knob-lg:96px;--gutter:var(--space-6);--panel-pad:var(--space-5);--max-content:1240px;--rail-w:264px;--radius-xs:2px;--radius-sm:4px;--radius-md:7px;--radius-lg:11px;--radius-xl:16px;--radius-2xl:22px;--radius-pill:999px;--radius-round:50%;--border-hair:1px;--border-thick:1.5px;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000073;--shadow-lg:0 12px 36px #0000008c;--shadow-pop:0 18px 60px #0009;--shadow-inset:inset 0 1px 0 #00000080, inset 0 -1px 0 #ffffff0a;--shadow-well:inset 0 2px 6px #0000008c, inset 0 -1px 0 #ffffff08;--bevel-raised:inset 0 1px 0 #ffffff0f, 0 1px 2px #00000080;--glow-accent:0 0 0 1px var(--accent-tint), 0 0 18px -2px var(--accent-glow);--glow-accent-strong:0 0 24px -1px var(--accent-glow), 0 0 1px var(--accent);--glow-led:0 0 8px currentColor;--ring:0 0 0 2px var(--surface-page), 0 0 0 4px var(--accent);--ease-out:cubic-bezier(.2, .7, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-snap:cubic-bezier(.3, 0, 0, 1);--dur-fast:.11s;--dur-base:.18s;--dur-slow:.32s;--grain-url:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");--grain-opacity:.05}[data-theme=light]{--shadow-sm:0 1px 2px #2822181a;--shadow-md:0 4px 14px #2822181f;--shadow-lg:0 12px 36px #28221829;--shadow-pop:0 18px 60px #28221833;--shadow-inset:inset 0 1px 2px #28221824, inset 0 -1px 0 #ffffffb3;--shadow-well:inset 0 2px 6px #28221829, inset 0 -1px 0 #ffffffb3;--bevel-raised:inset 0 1px 0 #ffffffe6, 0 1px 2px #2822181f;--grain-opacity:.035}.hmla-grain{position:relative}.hmla-grain:after{content:"";background-image:var(--grain-url);opacity:var(--grain-opacity);pointer-events:none;mix-blend-mode:overlay;z-index:1;background-size:180px 180px;position:absolute;inset:0}.hmla-label{font-family:var(--font-display);font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-label)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}html{-webkit-text-size-adjust:100%}body{background:var(--surface-page);color:var(--text-body);font-family:var(--font-mono);font-size:var(--fs-body);line-height:var(--lh-normal);letter-spacing:var(--ls-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"ss02", "cv01";margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--fw-medium);line-height:var(--lh-tight);letter-spacing:var(--ls-heading);color:var(--text-hi);margin:0}p{text-wrap:pretty;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit}::selection{background:var(--accent);color:var(--text-on-accent)}:focus-visible{box-shadow:var(--ring);outline:none}.hmla-tnum{font-variant-numeric:tabular-nums}*{scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill);background-clip:content-box;border:3px solid #0000}::-webkit-scrollbar-track{background:0 0}.hmla-btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-4);font-family:var(--font-display);font-size:var(--fs-label);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;color:var(--text-body);background:var(--surface-control);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--bevel-raised);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);display:inline-flex}.hmla-btn:hover{background:var(--surface-control-hover);color:var(--text-hi);border-color:var(--ink-500)}.hmla-btn:active{box-shadow:var(--shadow-inset);background:var(--surface-well);transform:translateY(1px)}.hmla-btn:focus-visible{box-shadow:var(--ring)}.hmla-btn[disabled]{opacity:.4;pointer-events:none}.hmla-btn .hmla-btn__ico{width:16px;height:16px;display:inline-flex}.hmla-btn .hmla-btn__ico svg{width:100%;height:100%}.hmla-btn--accent{color:var(--text-on-accent);background:var(--accent);box-shadow:var(--bevel-raised), var(--glow-accent);border-color:#0000}.hmla-btn--accent:hover{background:var(--accent-hover);color:var(--text-on-accent);box-shadow:var(--bevel-raised), var(--glow-accent-strong);border-color:#0000}.hmla-btn--accent:active{background:var(--accent-active);box-shadow:var(--shadow-inset)}.hmla-btn--ghost{box-shadow:none;color:var(--text-muted);background:0 0;border-color:#0000}.hmla-btn--ghost:hover{background:var(--surface-control);color:var(--text-hi);border-color:var(--line-hairline)}.hmla-btn--ghost:active{background:var(--surface-well)}.hmla-btn--danger{color:var(--led-red)}.hmla-btn--danger:hover{border-color:var(--led-red);color:var(--led-red);background:#ff4d4d1f}.hmla-btn--sm{height:var(--control-h-sm);padding:0 var(--space-3);font-size:var(--fs-micro)}.hmla-btn--lg{height:var(--control-h-lg);padding:0 var(--space-6);font-size:var(--fs-caption)}.hmla-btn--block{width:100%;display:flex}.hmla-iconbtn{width:var(--control-h-md);height:var(--control-h-md);color:var(--text-muted);background:var(--surface-control);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--bevel-raised);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex}.hmla-iconbtn:hover{color:var(--text-hi);background:var(--surface-control-hover);border-color:var(--ink-500)}.hmla-iconbtn:active{box-shadow:var(--shadow-inset);transform:translateY(1px)}.hmla-iconbtn:focus-visible{box-shadow:var(--ring)}.hmla-iconbtn[disabled]{opacity:.4;pointer-events:none}.hmla-iconbtn[data-active=true]{color:var(--accent);border-color:var(--accent);box-shadow:var(--glow-accent)}.hmla-iconbtn--sm{width:var(--control-h-sm);height:var(--control-h-sm)}.hmla-iconbtn--lg{width:var(--control-h-lg);height:var(--control-h-lg)}.hmla-iconbtn svg{width:18px;height:18px}.hmla-field{gap:var(--space-2);display:grid}.hmla-field__label{font-family:var(--font-display);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-label)}.hmla-input,.hmla-select{height:var(--control-h-md);width:100%;padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--fs-body);color:var(--text-hi);background:var(--surface-well);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-well);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.hmla-input::placeholder{color:var(--text-faint)}.hmla-input:hover,.hmla-select:hover{border-color:var(--ink-500)}.hmla-input:focus,.hmla-select:focus{border-color:var(--accent);box-shadow:var(--shadow-well), var(--glow-accent);outline:none}.hmla-input[disabled],.hmla-select[disabled]{opacity:.45;pointer-events:none}.hmla-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b6b75' stroke-width='1.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}.hmla-switch{align-items:center;gap:var(--space-3);appearance:none;color:inherit;font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0;display:inline-flex}.hmla-switch__track{border-radius:var(--radius-pill);background:var(--surface-well);border:1px solid var(--line-strong);width:44px;height:24px;box-shadow:var(--shadow-well);transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out);flex:none;position:relative}.hmla-switch__thumb{background:var(--ink-400);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--dur-base) var(--ease-snap), background var(--dur-base) var(--ease-out);border-radius:50%;position:absolute;top:2px;left:2px}.hmla-switch[data-on=true] .hmla-switch__track{background:var(--accent-tint);border-color:var(--accent);box-shadow:var(--glow-accent)}.hmla-switch[data-on=true] .hmla-switch__thumb{background:var(--accent);box-shadow:var(--glow-led);transform:translate(20px)}.hmla-switch__label{font-family:var(--font-display);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-label)}.hmla-switch:focus-visible .hmla-switch__track{box-shadow:var(--ring)}.hmla-badge{align-items:center;gap:var(--space-2);height:22px;padding:0 var(--space-2);font-family:var(--font-display);font-size:var(--fs-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);background:var(--surface-control);border:1px solid var(--line-hairline);border-radius:var(--radius-sm);display:inline-flex}.hmla-badge--accent{color:var(--accent);border-color:var(--accent);background:var(--accent-tint)}.hmla-badge--ok{color:var(--led-green);border-color:color-mix(in oklab, var(--led-green) 50%, transparent);background:color-mix(in oklab, var(--led-green) 12%, transparent)}.hmla-badge--warn{color:var(--led-amber);border-color:color-mix(in oklab, var(--led-amber) 50%, transparent);background:color-mix(in oklab, var(--led-amber) 12%, transparent)}.hmla-badge--err{color:var(--led-red);border-color:color-mix(in oklab, var(--led-red) 50%, transparent);background:color-mix(in oklab, var(--led-red) 12%, transparent)}.hmla-badge__dot{width:7px;height:7px;box-shadow:var(--glow-led);background:currentColor;border-radius:50%}.hmla-tag{align-items:center;gap:var(--space-2);height:26px;padding:0 var(--space-3);font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-body);background:var(--surface-control);border:1px solid var(--line-hairline);border-radius:var(--radius-pill);display:inline-flex}.hmla-tag__x{cursor:pointer;color:var(--text-faint);display:inline-flex}.hmla-tag__x:hover{color:var(--text-hi)}.hmla-led{background:var(--ink-600);border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:inset 0 0 0 1px #ffffff0f}.hmla-led[data-on=true]{background:currentColor;box-shadow:0 0 8px,inset 0 0 1px #fff6}.hmla-panel{background:var(--surface-raised);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);box-shadow:var(--bevel-raised), var(--shadow-md)}.hmla-panel--well{background:var(--surface-well);box-shadow:var(--shadow-well)}.hmla-panel--flush{box-shadow:var(--bevel-raised)}.hmla-panel__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--panel-pad);border-bottom:1px solid var(--line-hairline);display:flex}.hmla-panel__title{font-family:var(--font-display);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-label)}.hmla-panel__body{padding:var(--panel-pad)}.hmla-tabs{gap:var(--space-1);padding:var(--space-1);background:var(--surface-well);border-radius:var(--radius-md);box-shadow:var(--shadow-well);display:inline-flex}.hmla-tab{align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-4);font-family:var(--font-display);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-label);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:0;display:inline-flex}.hmla-tab:hover{color:var(--text-hi)}.hmla-tab[data-active=true]{color:var(--text-on-accent);background:var(--accent);box-shadow:var(--glow-accent)}.hmla-meter{background:var(--surface-well);border-radius:var(--radius-xs);box-shadow:var(--shadow-well);position:relative;overflow:hidden}.hmla-meter--h{width:100%;height:8px}.hmla-meter--v{width:8px;height:100%}.hmla-meter__fill{transform-origin:0;background:linear-gradient(90deg, var(--led-green) 0%, var(--led-green) 62%, var(--led-amber) 84%, var(--led-red) 100%);position:absolute;inset:0}.hmla-meter--v .hmla-meter__fill{transform-origin:bottom;background:linear-gradient(0deg, var(--led-green) 0%, var(--led-green) 62%, var(--led-amber) 84%, var(--led-red) 100%)}.hmla-knob{justify-items:center;gap:var(--space-2);-webkit-user-select:none;user-select:none;display:inline-grid}.hmla-knob__dial{width:var(--knob-md);height:var(--knob-md);background:radial-gradient(120% 120% at 50% 30%, var(--surface-control) 0%, var(--ink-900) 100%);border:1px solid var(--line-strong);box-shadow:var(--bevel-raised), var(--shadow-md);cursor:ns-resize;touch-action:none;border-radius:50%;position:relative}.hmla-knob__dial:before{content:"";border:1px solid var(--line-soft);border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 1px 2px #00000080}.hmla-knob__pointer{background:var(--accent);border-radius:var(--radius-pill);transform-origin:bottom;width:2px;height:38%;box-shadow:var(--glow-led);position:absolute;top:6px;left:50%;translate:-50%}.hmla-knob__dial:focus-visible{box-shadow:var(--ring);outline:none}.hmla-knob__label{font-family:var(--font-display);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-label)}.hmla-knob__value{font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-hi);font-variant-numeric:tabular-nums}.hmla-fader{justify-items:center;gap:var(--space-2);display:inline-grid}.hmla-fader__track{border-radius:var(--radius-sm);background:var(--surface-well);width:36px;height:150px;box-shadow:var(--shadow-well);border:1px solid var(--line-strong);cursor:ns-resize;touch-action:none;position:relative}.hmla-fader__slot{background:var(--ink-900);border-radius:var(--radius-pill);width:4px;position:absolute;top:10px;bottom:10px;left:50%;translate:-50%;box-shadow:inset 0 0 2px #000c}.hmla-fader__fill{background:var(--accent);border-radius:var(--radius-pill);width:4px;box-shadow:var(--glow-led);position:absolute;bottom:10px;left:50%;translate:-50%}.hmla-fader__cap{background:linear-gradient(180deg, var(--surface-control), var(--ink-800));border:1px solid var(--line-strong);border-radius:var(--radius-xs);width:30px;height:16px;box-shadow:var(--bevel-raised), var(--shadow-sm);position:absolute;left:50%;translate:-50% 50%}.hmla-fader__cap:after{content:"";background:var(--accent);opacity:.8;height:1px;position:absolute;top:50%;left:4px;right:4px;translate:0 -50%}.hmla-fader__track:focus-visible{box-shadow:var(--ring);outline:none}.hmla-fader__label{font-family:var(--font-display);font-size:var(--fs-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-label)}.hmla-transport{align-items:center;gap:var(--space-2);padding:var(--space-2);background:var(--surface-panel);border:1px solid var(--line-hairline);border-radius:var(--radius-lg);box-shadow:var(--bevel-raised), var(--shadow-md);display:inline-flex}.hmla-transport__sep{background:var(--line-hairline);width:1px;margin:0 var(--space-1);align-self:stretch}:root,[data-theme=dark]{--voice-1:#e0589f;--voice-2:#d6c44f;--voice-3:#43c2b0;--hit-boom:#8b7bd8;--hit-pluck:#c4b5fd;--hit-shaker:#7ad0e0;--hit-ping:#ffce7a;--hit-fallback:#a78bfa;--ch-sub:#818cf8;--ch-lofi:#fb7185;--viz-grain:#6fd6e8;--viz-capture:#8ef0d8;--viz-idle:#6fd6e8;--viz-idle-dim:#23304a}[data-theme=light]{--voice-1:#c5327a;--voice-2:#8a7510;--voice-3:#1f8f7e;--hit-boom:#6149b8;--hit-pluck:#7c5fd6;--hit-shaker:#2f8fb5;--hit-ping:#b8801a;--hit-fallback:#6d4fd0;--ch-sub:#4a50c5;--ch-lofi:#d6485f;--viz-grain:#2f8fb5;--viz-capture:#1f9b80;--viz-idle:#2f8fb5;--viz-idle-dim:#c4bdac}html,body{height:100%}body{background:radial-gradient(130% 90% at 50% -10%, color-mix(in oklab, var(--surface-raised) 35%, transparent), transparent 55%), var(--surface-page);color:var(--text-body);font-family:var(--font-mono);box-sizing:border-box;grid-template-columns:minmax(0,1fr);place-items:start center;min-height:100%;margin:0;padding:clamp(16px,3vw,48px);display:grid}*,:before,:after{box-sizing:border-box}.stage{width:100%;min-width:0;max-width:760px}.chassis{background:linear-gradient(180deg, color-mix(in oklab, var(--surface-raised) 88%, white 12%), var(--surface-raised) 26%, var(--surface-panel));border:1px solid var(--line-strong);border-radius:var(--radius-2xl);box-shadow:inset 0 1px 0 #ffffff14, inset 0 0 0 1px #ffffff06, 0 1px 0 #ffffff0a, var(--shadow-lg), var(--shadow-pop);gap:clamp(16px,2vw,22px);padding:clamp(20px,2.6vw,32px);display:grid;position:relative}.chassis__screw{background:radial-gradient(circle at 38% 32%, var(--surface-control), var(--ink-900) 82%);width:13px;height:13px;box-shadow:inset 0 0 0 1px var(--line-strong), inset 0 1px 2px #0009, 0 1px 0 #ffffff0d;border-radius:50%;position:absolute}.chassis__screw:after{content:"";background:var(--line-engraved);border-radius:1px;width:7px;height:1.5px;margin:auto;position:absolute;inset:0}.chassis__screw--tl{top:11px;left:11px}.chassis__screw--tl:after{transform:rotate(28deg)}.chassis__screw--tr{top:11px;right:11px}.chassis__screw--tr:after{transform:rotate(-42deg)}.chassis__screw--bl{bottom:11px;left:11px}.chassis__screw--bl:after{transform:rotate(-18deg)}.chassis__screw--br{bottom:11px;right:11px}.chassis__screw--br:after{transform:rotate(50deg)}.deck,.screen,.hint{border-top:1px solid var(--line-soft);box-shadow:0 -1px 0 var(--line-engraved);padding-top:clamp(16px,2vw,22px);position:relative}.chassis__head{justify-content:space-between;align-items:flex-start;gap:var(--space-5);padding:var(--space-1) var(--space-1) 0;display:flex}.lockup{align-items:center;gap:var(--space-3);display:flex}.wordmark{font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:.16em;color:var(--text-hi);margin:0;font-size:clamp(30px,4.4vw,44px);line-height:1}.signalmark{width:auto;height:clamp(20px,3vw,30px);color:var(--accent);filter:drop-shadow(0 0 6px var(--accent-glow));flex:none}.tagline{font-size:var(--fs-caption);letter-spacing:.03em;color:var(--text-faint);white-space:nowrap;margin:10px 0 0}.brand__ver{font-family:var(--font-display);font-size:var(--fs-micro);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-faint);opacity:.7;margin-top:5px;display:block}.head-tools{align-items:stretch;gap:var(--space-3);flex-direction:column;flex:none;display:flex}.head-tools__row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--led-red);color:var(--led-red);font-size:var(--fs-caption);letter-spacing:.02em;word-break:break-word;margin:0}.error__label{font-family:var(--font-display);font-size:var(--fs-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;margin-right:var(--space-1)}.screen{gap:var(--space-3);display:grid}.screen__display{position:relative}.scope{background:var(--surface-well);border:1px solid var(--line-strong);border-radius:var(--radius-md);width:100%;height:clamp(150px,22vw,180px);box-shadow:var(--shadow-well), inset 0 2px 10px #0009, inset 0 0 48px #00000073, 0 1px 0 #ffffff0d;display:block}.screen__char{left:var(--space-3);bottom:var(--space-2);font-family:var(--font-display);font-size:var(--fs-micro);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--text-muted);pointer-events:none;z-index:2;position:absolute}.screen__strip{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.screen__tags{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.screen__tags .hmla-tag{white-space:nowrap}.screen .sep{background:var(--line-hairline);width:1px;height:18px;margin:0 var(--space-1)}.recbtn.hmla-iconbtn{width:auto;padding:0 var(--space-3);gap:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-caption);color:var(--text-muted)}.recbtn__dot{background:var(--ink-600);border-radius:50%;width:8px;height:8px}.recbtn.hmla-iconbtn[data-active=true]{color:var(--led-red);border-color:var(--led-red);box-shadow:0 0 12px -3px var(--led-red)}.recbtn.hmla-iconbtn[data-active=true] .recbtn__dot{background:var(--led-red);box-shadow:0 0 8px var(--led-red);animation:1.1s step-end infinite recBlink}@keyframes recBlink{50%{opacity:.35}}.module{gap:var(--space-4);background:linear-gradient(180deg, var(--surface-well), var(--surface-panel));border:1px solid var(--line-engraved);border-radius:var(--radius-lg);box-shadow:var(--shadow-well), 0 1px 0 #ffffff0b;padding:clamp(15px,2.1vw,22px);display:grid}.module__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.rack{grid-template-columns:repeat(8,1fr);justify-items:center;gap:clamp(4px,.8vw,12px);display:grid}.ch{justify-items:center;gap:var(--space-2);display:grid}.ch__val{font-size:var(--fs-value);color:var(--text-hi)}.ch .hmla-fader__track{height:clamp(130px,16vw,170px)}.module__aux{align-items:center;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line-soft);display:flex}.aux__hint{font-size:var(--fs-caption);color:var(--text-faint);letter-spacing:.02em}.presets{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}.preset{height:var(--control-h-sm);padding:0 var(--space-3);font-family:var(--font-display);font-size:var(--fs-micro);font-weight:var(--fw-medium);letter-spacing:var(--ls-label);text-transform:uppercase;white-space:nowrap;color:var(--text-muted);background:var(--surface-control);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--bevel-raised);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.preset:hover{color:var(--text-hi);background:var(--surface-control-hover);border-color:var(--ink-500)}.preset:active{box-shadow:var(--shadow-inset);transform:translateY(1px)}.preset:focus-visible{box-shadow:var(--ring);outline:none}.preset[data-active=true]{color:var(--accent);background:var(--accent-tint);border-color:var(--accent);box-shadow:var(--glow-accent)}.seedfield{height:var(--control-h-sm);padding:0 var(--space-2);background:var(--surface-control);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset);align-items:center;display:flex}.seedfield[data-disabled=true]{opacity:.55}.seedfield__prefix{color:var(--text-faint);font-size:var(--fs-body);-webkit-user-select:none;user-select:none}.seedfield__digits{width:60px;min-width:0;color:var(--text-hi);font-family:var(--font-mono);font-size:var(--fs-body);background:0 0;border:0;outline:none;padding:0}.seedfield:focus-within{border-color:var(--accent);box-shadow:var(--ring)}.sharebar{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sharebtn{width:var(--control-h-sm);height:var(--control-h-sm);color:var(--text-muted);background:var(--surface-control);border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:var(--bevel-raised);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;padding:0;display:inline-flex}.sharebtn__icon{width:15px;height:15px;display:block}.sharebtn:hover{color:var(--text-hi);border-color:var(--accent)}.sharebtn:active{box-shadow:var(--shadow-inset);transform:translateY(1px)}.sharebtn:focus-visible{box-shadow:var(--ring);outline:none}.sharebtn[data-copied=true]{color:var(--accent);border-color:var(--accent)}.deck{gap:var(--space-4);display:grid}.deck__transport{justify-content:center;display:flex}.deck__transport .hmla-transport{flex-wrap:wrap;justify-content:center;max-width:100%}.tport-time{font-size:var(--fs-body);color:var(--text-hi);padding:0 var(--space-2);white-space:nowrap}.hint{text-align:center;font-size:var(--fs-caption);color:var(--text-faint);letter-spacing:.02em;margin:0}@media (width<=640px){.tagline{white-space:normal}.rack{row-gap:var(--space-6);grid-template-columns:repeat(4,1fr)}}