:root{color-scheme:light dark;--page:#fafafa;--surface:#fff;--surface-soft:#f7f6f2;--surface-strong:#eeede8;--text:#1a1a1a;--muted:#686865;--faint:#92918c;--border:#dfded9;--border-strong:#c6c4bd;--accent:oklch(87% .075 336.304);--accent-strong:oklch(50% .075 336.304);--accent-hover:oklch(82% .075 336.304);--accent-soft:oklch(96% .019 336.304);--success:oklch(50% .075 336.304);--error:#b42318;--error-soft:#fff0ee;--shadow:0 0 0 1px oklch(0% 0 0/.06), 0 1px 2px -1px oklch(0% 0 0/.08), 0 8px 24px -12px oklch(0% 0 0/.16);--control-shadow:0 0 0 1px oklch(0% 0 0/.08), 0 1px 2px -1px oklch(0% 0 0/.08), 0 2px 4px oklch(0% 0 0/.04);--control-shadow-hover:0 0 0 1px oklch(0% 0 0/.14), 0 1px 2px -1px oklch(0% 0 0/.1), 0 4px 8px -4px oklch(0% 0 0/.14);--hit-target:40px;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--type-caption:.75rem;--type-label:.8125rem;--type-ui:.875rem;--type-body:1rem;--type-symbol:1.25rem;--type-output:1.5rem;--type-heading:clamp(1.7rem, 4vw, 2.2rem);--type-heading-compact:clamp(1.45rem, 4vw, 1.9rem);font-family:var(--font-sans);font-synthesis:none}*{box-sizing:border-box}::selection{color:#1a1a1a;background:var(--accent)}html{background:var(--page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100%}body{min-height:100vh;color:var(--text);background-color:var(--page);font-size:var(--type-body);background-image:linear-gradient(#1a1a1a06 1px,#0000 1px),linear-gradient(90deg,#1a1a1a06 1px,#0000 1px);background-size:32px 32px;margin:0;line-height:1.5}button,input,select{font:inherit}button,select,input[type=range],input[type=radio]{accent-color:var(--accent-strong)}button{color:inherit;user-select:none}a{color:inherit;text-decoration-skip-ink:auto;text-underline-position:from-font;text-decoration-thickness:from-font}[hidden]{display:none!important}.app-shell{width:min(100% - 40px,880px);margin:0 auto;padding:20px 0 32px}.site-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:46px;margin-bottom:18px;display:flex}.brand{min-height:var(--hit-target);color:var(--text);font-size:var(--type-body);letter-spacing:-.025em;align-items:center;gap:9px;font-weight:600;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--text);border-radius:50%;justify-content:center;align-items:flex-end;gap:2px;width:26px;height:26px;display:flex;transform:rotate(-18deg)}.brand-mark span{background:var(--text);border-radius:2px;width:3px;margin-bottom:5px}.brand-mark span:first-child{height:7px}.brand-mark span:nth-child(2){background:var(--accent);height:12px}.brand-mark span:nth-child(3){height:9px}.header-meta{align-items:center;gap:14px;height:100%;display:flex}.header-label{color:var(--muted);font-size:var(--type-caption);letter-spacing:.065em;text-transform:uppercase;font-weight:500}.header-divider{background:var(--border);width:1px;height:18px}.header-local{color:var(--muted);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.02em;align-items:center;gap:7px;display:flex}.header-local>span{background:var(--accent);border-radius:50%;width:6px;height:6px}.app-card{background:var(--surface);min-height:580px;box-shadow:var(--shadow);border:0;border-radius:8px;overflow:hidden}.app-toolbar{border-bottom:1px solid var(--border);height:42px;color:var(--muted);background:var(--surface-soft);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.025em;text-transform:uppercase;justify-content:space-between;align-items:center;padding:0 16px;display:flex}.toolbar-path{white-space:nowrap;gap:7px;display:flex}.toolbar-path span:first-child,.toolbar-protocol{color:var(--text)}.toolbar-path span:nth-child(2){color:var(--accent-strong)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:537px;padding:52px 32px 42px;display:flex}.device-diagram{border:1px solid var(--border-strong);background:linear-gradient(#1a1a1a0a 1px, transparent 1px), linear-gradient(90deg, #1a1a1a0a 1px, transparent 1px), var(--surface-soft);background-size:18px 18px;place-items:center;width:184px;height:184px;margin-bottom:34px;display:grid;position:relative}.device-diagram:before,.device-diagram:after{content:"";pointer-events:none;width:20px;height:20px;position:absolute}.device-diagram:before{border-top:2px solid var(--accent-strong);border-left:2px solid var(--accent-strong);top:-1px;left:-1px}.device-diagram:after{border-right:2px solid var(--accent-strong);border-bottom:2px solid var(--accent-strong);bottom:-1px;right:-1px}.diagram-label,.diagram-index{z-index:1;color:var(--muted);background:var(--surface-soft);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.07em;padding:2px 5px;position:absolute}.diagram-label-top{top:8px;left:8px}.diagram-label-bottom{bottom:8px;right:8px}.diagram-index{color:var(--accent-strong);top:8px;right:8px}.dongle-illustration{width:82px;height:82px;color:var(--text);fill:currentColor}.eyebrow,.control-label,fieldset legend{color:var(--text);font-size:var(--type-caption);letter-spacing:.07em;text-transform:uppercase;margin:0;font-weight:600}.empty-state .eyebrow{color:var(--muted);margin-bottom:10px}h1{font-size:var(--type-heading);letter-spacing:-.04em;text-wrap:balance;margin:0;font-weight:600;line-height:1.12}.state-copy{max-width:60ch;color:var(--muted);font-size:var(--type-body);text-wrap:pretty;margin:14px 0 26px;line-height:1.6}.primary-button,.secondary-button,.icon-button{cursor:pointer;border:0;scale:1}.primary-button{color:#fafafa;min-width:184px;min-height:46px;box-shadow:var(--control-shadow);background:#1a1a1a;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:11px 14px 11px 16px;font-weight:600;transition-property:color,background-color,box-shadow,scale;transition-duration:.16s;transition-timing-function:cubic-bezier(.2,0,0,1);display:inline-flex;position:relative}.button-arrow{fill:none;stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.5px;width:14px;height:14px}.primary-button:hover{color:#1a1a1a;background:var(--accent);box-shadow:var(--control-shadow-hover)}.privacy-note{max-width:360px;color:var(--muted);font-family:var(--font-mono);font-size:var(--type-caption);text-wrap:pretty;margin:22px 0 0;line-height:1.5}.text-link{min-height:var(--hit-target);color:var(--accent-strong);font-size:var(--type-ui);align-items:center;font-weight:650;display:inline-flex}.support-symbol{border:1px solid var(--border-strong);width:58px;height:58px;color:var(--accent-strong);font-family:var(--font-mono);font-size:var(--type-output);border-radius:2px;place-items:center;margin-bottom:26px;font-weight:600;display:grid}.spinner{border:2px solid var(--surface-strong);border-top-color:var(--text);width:48px;height:48px;margin-bottom:30px;animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{border:1px solid color-mix(in srgb, var(--error) 35%, var(--border));color:var(--error);background:var(--error-soft);border-radius:3px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:14px 14px 0;padding:11px 12px;display:grid}.error-banner p{font-size:var(--type-ui);text-wrap:pretty;margin:0;line-height:1.45}.error-icon{color:#fff;background:var(--error);width:20px;height:20px;font-size:var(--type-caption);border-radius:2px;place-items:center;font-weight:800;display:grid}.icon-button{width:var(--hit-target);height:var(--hit-target);color:currentColor;font-size:var(--type-symbol);background:0 0;border-radius:2px;place-items:center;transition-property:background-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid}.icon-button:hover{background:color-mix(in srgb, currentColor 8%, transparent)}#controller-panel{padding:0}.device-header{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:flex-start;gap:24px;padding:30px;display:flex}.device-kicker{color:var(--muted);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.07em;text-transform:uppercase;margin:0 0 12px}.status-line{color:var(--success);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:7px;margin-bottom:8px;font-weight:500;display:flex}.status-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.device-header h1{font-size:var(--type-heading-compact);font-weight:500}.device-identifiers{color:var(--muted);overflow-wrap:break-word;font-family:var(--font-mono);font-size:var(--type-label);flex-wrap:wrap;gap:7px;margin:8px 0 0;display:flex}.header-actions{gap:8px;display:flex}.secondary-button{min-height:var(--hit-target);background:var(--surface);font-size:var(--type-ui);box-shadow:var(--control-shadow);border:0;border-radius:3px;padding:8px 12px;font-weight:500;transition-property:color,background-color,box-shadow,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1)}.secondary-button:hover{color:var(--surface);background:var(--text);box-shadow:var(--control-shadow-hover)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.icon-button:active:not(:disabled){scale:.96}.controls-grid{grid-template-columns:1fr 1fr;gap:0;padding:0;display:grid}.control-card{border:0;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface);border-radius:0;min-width:0;min-height:170px;margin:0;padding:24px 26px;transition:background-color .16s}.control-card:nth-child(odd){border-right:0}.control-card:hover{background:var(--surface-soft)}fieldset.control-card{position:relative}fieldset legend{float:left;width:100%;margin-bottom:0;padding:0}fieldset legend+.control-hint{clear:both;padding-top:7px}.control-hint{color:var(--muted);font-size:var(--type-label);text-wrap:pretty;margin:6px 0 16px;line-height:1.45}.volume-card{border-right:0;grid-column:1/-1;min-height:176px}.control-index{font-size:var(--type-caption);letter-spacing:.07em;text-transform:uppercase;margin:0;font-weight:600}.control-heading{justify-content:space-between;align-items:flex-start;display:flex}.control-heading .control-hint{margin-bottom:20px}#volume-output{color:var(--text);font-family:var(--font-mono);font-size:var(--type-output);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-weight:500}input[type=range]{width:100%;height:var(--hit-target);appearance:none;background:linear-gradient(to right, var(--accent-strong) 0 var(--range-progress,0%), var(--surface-strong) var(--range-progress,0%) 100%);background-position:50%;background-repeat:no-repeat;background-size:100% 5px;border-radius:100px;outline:none;margin:7px 0}input[type=range]::-webkit-slider-thumb{appearance:none;border:2px solid var(--surface);background:var(--text);width:18px;height:18px;box-shadow:0 0 0 1px var(--text);cursor:grab;border-radius:2px}input[type=range]::-moz-range-thumb{border:2px solid var(--surface);background:var(--text);width:14px;height:14px;box-shadow:0 0 0 1px var(--text);cursor:grab;border-radius:2px}.range-labels{color:var(--muted);font-family:var(--font-mono);font-size:var(--type-caption);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:4px;display:flex}.segmented-control{border:1px solid var(--border-strong);background:var(--surface-strong);border-radius:3px;grid-template-columns:1fr 1fr;padding:2px;display:grid}.segmented-control label,.radio-stack label{cursor:pointer;user-select:none;position:relative}.segmented-control input,.radio-stack input{opacity:0;position:absolute}.segmented-control span{min-height:var(--hit-target);color:var(--muted);text-align:center;font-size:var(--type-ui);border-radius:1px;place-items:center;padding:8px 10px;font-weight:500;transition-property:color,background-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:grid}.segmented-control input:checked+span{color:#fafafa;box-shadow:none;background:#1a1a1a}.radio-stack{gap:7px;display:grid}.radio-stack span{min-height:var(--hit-target);border:1px solid var(--border-strong);background:var(--surface);font-size:var(--type-ui);border-radius:3px;align-items:center;padding:8px 10px 8px 34px;transition-property:color,background-color,border-color,scale;transition-duration:.15s;transition-timing-function:cubic-bezier(.2,0,0,1);display:flex}.radio-stack span:before{border:2px solid var(--border-strong);content:"";border-radius:50%;width:10px;height:10px;position:absolute;left:12px}.radio-stack input:checked+span{border-color:var(--accent-strong);color:var(--accent-strong);background:var(--accent-soft);font-weight:600}.radio-stack input:checked+span:before{border-color:var(--accent-strong);background:var(--accent-strong);box-shadow:inset 0 0 0 2px var(--surface)}.segmented-control label:hover input:not(:checked)+span{color:var(--text)}.radio-stack label:hover input:not(:checked)+span{border-color:var(--text)}.segmented-control label:active span,.radio-stack label:active span{scale:.96}.filter-card{border-right:0;flex-direction:column;grid-column:1/-1;min-height:150px;display:flex}.select-wrapper{width:min(100%,460px);margin-top:auto;position:relative}.select-wrapper:after{border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);content:"";pointer-events:none;width:7px;height:7px;position:absolute;top:50%;right:13px;transform:translateY(-70%)rotate(45deg)}select{width:100%;min-height:max(42px, var(--hit-target));appearance:none;border:1px solid var(--border-strong);color:var(--text);background:var(--surface);font-size:var(--type-ui);border-radius:3px;padding:8px 34px 8px 11px}button:focus-visible,select:focus-visible,input:focus-visible+span,input[type=range]:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}button:disabled,input:disabled,select:disabled{cursor:wait;opacity:.55}[aria-busy=true]{cursor:progress}footer{color:var(--muted);font-family:var(--font-mono);font-size:var(--type-caption);letter-spacing:.025em;justify-content:center;align-items:center;gap:8px;padding:16px 4px 0;display:flex}footer a:hover{color:var(--text)}footer a{position:relative}footer a:after{height:var(--hit-target);content:"";position:absolute;inset-block-start:50%;inset-inline:0;transform:translateY(-50%)}.empty-state:not([hidden])>:not(.spinner),#controller-panel:not([hidden]) .device-header,#controller-panel:not([hidden]) .control-card{animation:.32s cubic-bezier(.2,0,0,1) both state-enter}.empty-state:not([hidden])>:nth-child(2),#controller-panel:not([hidden]) .control-card:first-child{animation-delay:80ms}.empty-state:not([hidden])>:nth-child(3),#controller-panel:not([hidden]) .control-card:nth-child(2){animation-delay:.16s}.empty-state:not([hidden])>:nth-child(4),#controller-panel:not([hidden]) .control-card:nth-child(3){animation-delay:.24s}.empty-state:not([hidden])>:nth-child(5),#controller-panel:not([hidden]) .control-card:nth-child(4){animation-delay:.32s}.empty-state:not([hidden])>:nth-child(6){animation-delay:.4s}@keyframes state-enter{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=640px){:root{--hit-target:44px}.app-shell{width:min(100% - 20px,880px);padding-top:14px}.site-header{margin-bottom:12px}.header-label,.header-divider{display:none}.app-card{border-radius:5px;min-height:560px}.empty-state{min-height:517px;padding-inline:24px}.toolbar-protocol{display:none}.device-header{flex-direction:column;padding:24px 20px}.header-actions{width:100%}.secondary-button{flex:1}.controls-grid{grid-template-columns:1fr}.control-card{border-right:0;padding:22px 20px}.volume-card,.filter-card{grid-column:auto}select{font-size:var(--type-body)}footer{flex-wrap:wrap}}@media (prefers-color-scheme:dark){:root{--page:#141414;--surface:#1a1a1a;--surface-soft:#20201f;--surface-strong:#2a2927;--text:#fafafa;--muted:#aaa8a2;--faint:#7f7d77;--border:#343330;--border-strong:#4a4842;--accent:oklch(87% .075 336.304);--accent-strong:oklch(87% .075 336.304);--accent-hover:oklch(91% .055 336.304);--accent-soft:oklch(30% .052 336.304);--success:oklch(87% .075 336.304);--error:#ff8b82;--error-soft:#351d1b;--shadow:0 0 0 1px oklch(100% 0 0/.08), 0 12px 28px -12px oklch(0% 0 0/.65);--control-shadow:0 0 0 1px oklch(100% 0 0/.08);--control-shadow-hover:0 0 0 1px oklch(100% 0 0/.14)}body{background-color:var(--page);background-image:linear-gradient(#fafafa08 1px,#0000 1px),linear-gradient(90deg,#fafafa08 1px,#0000 1px)}.device-diagram{background:linear-gradient(#fafafa0a 1px, transparent 1px), linear-gradient(90deg, #fafafa0a 1px, transparent 1px), var(--surface-soft);background-size:18px 18px}.primary-button{color:#1a1a1a;background:#fafafa}.primary-button:hover{color:#1a1a1a;background:var(--accent)}.segmented-control input:checked+span{color:#1a1a1a;background:#fafafa}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}