:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-stack:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg:#eef1f5;--bg-elevated:#fff;--bg-sunken:#dfe4ea;--surface:#fff;--surface-2:#f4f6f9;--border:#cbd2da;--border-strong:#a7b0bb;--text:#14181d;--text-muted:#5b6672;--text-inverse:#fff;--accent:#0e7c66;--accent-strong:#0a5f4e;--accent-contrast:#fff;--gauge-mask:#ffffff9e;--gauge-grid:#14181d38;--gauge-axis:#14181dd9;--gauge-center:#ffffff59;--arrow:#d8123a;--string-bg:linear-gradient(180deg, #4a5560, #2b333c);--string-bg-active:linear-gradient(180deg, #12a184, #0a6d57);--string-bg-tuned:linear-gradient(180deg, #f2b705, #d99a00);--string-text:#fff;--noise-track:#14181d26;--noise-fill:linear-gradient(90deg, #26a69a, #f2b705 70%, #e53935);--shadow-sm:0 1px 2px #0a0f141f;--shadow-md:0 6px 20px #0a0f1429;--radius:14px;--radius-sm:9px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1116;--bg-elevated:#161c23;--bg-sunken:#0a0e12;--surface:#161c23;--surface-2:#1e2630;--border:#2b3644;--border-strong:#3d4b5c;--text:#e8edf2;--text-muted:#97a4b2;--text-inverse:#0d1116;--accent:#1fbf9c;--accent-strong:#17a184;--accent-contrast:#05130f;--gauge-mask:#ffffff0f;--gauge-grid:#e8edf229;--gauge-axis:#e8edf2cc;--gauge-center:#ffffff14;--arrow:#ff3b5c;--string-bg:linear-gradient(180deg, #39424d, #232a32);--string-bg-active:linear-gradient(180deg, #1fbf9c, #12836a);--string-bg-tuned:linear-gradient(180deg, #f2b705, #c68f00);--string-text:#f4f7fa;--noise-track:#e8edf224;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 8px 28px #0000008c}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d1116;--bg-elevated:#161c23;--bg-sunken:#0a0e12;--surface:#161c23;--surface-2:#1e2630;--border:#2b3644;--border-strong:#3d4b5c;--text:#e8edf2;--text-muted:#97a4b2;--text-inverse:#0d1116;--accent:#1fbf9c;--accent-strong:#17a184;--accent-contrast:#05130f;--gauge-mask:#ffffff0f;--gauge-grid:#e8edf229;--gauge-axis:#e8edf2cc;--gauge-center:#ffffff14;--arrow:#ff3b5c;--string-bg:linear-gradient(180deg, #39424d, #232a32);--string-bg-active:linear-gradient(180deg, #1fbf9c, #12836a);--string-bg-tuned:linear-gradient(180deg, #f2b705, #c68f00);--string-text:#f4f7fa;--noise-track:#e8edf224;--shadow-sm:0 1px 2px #00000080;--shadow-md:0 8px 28px #0000008c}}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:radial-gradient(120% 90% at 50% 0%, var(--bg-elevated) 0%, var(--bg) 55%), var(--bg);color:var(--text);font-family:var(--font-stack);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior:none}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}.app{grid-template-rows:auto 1fr auto;gap:.75rem;max-width:1400px;min-height:100dvh;margin:0 auto;padding:.75rem;display:grid}@media (min-width:720px){.app{gap:1rem;padding:1rem}}.topbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.topbar__brand{align-items:center;gap:.7rem;min-width:0;display:flex}.topbar__logo{background:linear-gradient(150deg, var(--accent), var(--accent-strong));width:2.4rem;height:2.4rem;color:var(--accent-contrast);border-radius:12px;flex:none;place-items:center;font-size:1.3rem;display:grid}.topbar__names{flex-direction:column;min-width:0;display:flex}.topbar__title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:650;overflow:hidden}.topbar__subtitle{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.topbar__actions{flex:none;align-items:center;gap:.5rem;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface-2);width:2.4rem;height:2.4rem;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;font-size:1.15rem;display:grid}.icon-button:hover{border-color:var(--border-strong)}.action-button{background:linear-gradient(160deg, var(--accent), var(--accent-strong));color:var(--accent-contrast);font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.6rem 1.05rem;font-weight:600;display:inline-flex}.action-button:disabled{opacity:.55;cursor:default}.action-button.is-running{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.action-button--ghost{border-color:var(--border-strong);color:var(--text);background:0 0}.action-button--ghost.is-active{background:linear-gradient(160deg, var(--accent), var(--accent-strong));color:var(--accent-contrast);border-color:#0000}:where(button,select,input,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout{align-content:start;gap:.75rem;min-height:0;display:grid}@media (orientation:landscape) and (min-width:720px){.layout{grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);align-items:stretch}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);min-width:0;padding:.9rem}.card--gauge{grid-template-rows:1fr auto;gap:.75rem;min-height:0;display:grid}.card--controls{flex-direction:column;gap:1rem;display:flex}.gauge{border-radius:var(--radius-sm);background:linear-gradient(180deg, var(--bg-sunken), transparent 70%);cursor:pointer;height:100%;min-height:190px;position:relative;overflow:hidden}@media (orientation:landscape) and (min-width:720px){.gauge{min-height:300px}}.gauge canvas{width:100%;height:100%;display:block}.readouts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;display:grid}@media (min-width:560px){.readouts{grid-template-columns:repeat(4,minmax(0,1fr))}}.readout{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:.15rem;min-width:0;padding:.45rem .6rem;display:flex}.readout dt{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.68rem}.readout dd{font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;font-weight:620;overflow:hidden}.readout--accent dd[data-tuned=true]{color:var(--accent)}.gauge-hint{min-height:1.1rem;color:var(--text-muted);text-align:center;margin:0;font-size:.82rem}.gauge-hint[data-state=tuned]{color:var(--accent);font-weight:620}.gauge-hint[data-state=loose],.gauge-hint[data-state=tight]{color:#c77700}.block{flex-direction:column;gap:.45rem;min-width:0;display:flex}.block__title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);font-size:.72rem}.block--fields{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem;display:grid}.block--diapason{flex-flow:wrap;align-items:flex-end;gap:.75rem}.noise__track{background:var(--noise-track);border-radius:999px;height:12px;position:relative;overflow:hidden}.noise__fill,.noise__peak{transform-origin:0;border-radius:999px;position:absolute;inset:0;transform:scaleX(0)}.noise__fill{background:var(--noise-fill)}.noise__peak{background:var(--text);opacity:.35;transform-origin:0;border-radius:1px;width:2px;inset:0 auto 0 0}.strings{grid-template-columns:auto repeat(6,minmax(0,1fr)) auto;align-items:stretch;gap:.35rem;display:grid}.strings.is-disabled{opacity:.45;pointer-events:none}.strings__logo,.string{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--string-bg);min-height:2.6rem;color:var(--string-text);font:inherit;place-items:center;font-size:.95rem;font-weight:640;display:grid}.strings__logo{background:var(--surface-2);color:var(--accent);border-color:var(--border);padding:0 .6rem}.string{cursor:pointer;transition:transform .12s,box-shadow .12s}.string:hover{transform:translateY(-1px)}.string.is-active{background:var(--string-bg-active);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.string.is-tuned{background:var(--string-bg-tuned);color:#241a00;box-shadow:0 0 0 2px color-mix(in srgb, var(--string-bg-tuned) 60%, transparent)}.string--lock{background:var(--surface-2);color:var(--text-muted);cursor:default;opacity:0;transition:opacity .15s}.string--lock.is-visible{opacity:1;cursor:pointer}.field{flex-direction:column;gap:.3rem;min-width:0;display:flex}.field--inline{flex-direction:row;align-items:center;gap:.5rem}.field__label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.72rem}.field select,.field input{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;padding:.5rem .6rem}.field input[type=number]{width:5.5rem}.statusbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;min-height:2.4rem;padding:.5rem .85rem;font-size:.82rem;display:flex}.status{color:var(--text-muted);align-items:center;gap:.45rem;min-width:0;display:inline-flex}.status:before{content:"";background:var(--border-strong);border-radius:50%;flex:none;width:.55rem;height:.55rem}.status[data-kind=ok]:before{background:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 25%, transparent)}.status[data-kind=error]:before{background:#e53935}.status[data-kind=error]{color:#e53935}.statusbar__meta{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.drawer{z-index:40;grid-template-columns:1fr auto;display:grid;position:fixed;inset:0}.drawer[hidden]{display:none}.drawer__backdrop{opacity:0;background:#060a0e80;transition:opacity .2s}.drawer[data-open=true] .drawer__backdrop{opacity:1}.drawer__panel{background:var(--surface);border-left:1px solid var(--border);width:min(24rem,92vw);height:100%;box-shadow:var(--shadow-md);flex-direction:column;transition:transform .22s;display:flex;transform:translate(100%)}.drawer[data-open=true] .drawer__panel{transform:translate(0)}@media (prefers-reduced-motion:reduce){.drawer__panel,.drawer__backdrop{transition:none}}.drawer__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;display:flex}.drawer__header h2{margin:0;font-size:1.05rem}.drawer__body{flex-direction:column;flex:1;gap:1.25rem;padding:.9rem 1rem 2rem;display:flex;overflow-y:auto}.settings-group{flex-direction:column;gap:.6rem;display:flex}.settings-group h3{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin:0;font-size:.72rem}.setting{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.setting--check{cursor:pointer;justify-content:flex-start;align-items:flex-start}.setting--check input{width:1.05rem;height:1.05rem;accent-color:var(--accent);flex:none;margin-top:.2rem}.setting--readonly{opacity:.9}.setting--pending .setting__hint:after{content:" • "}.setting__label{font-size:.88rem;display:block}.setting__hint{color:var(--text-muted);font-size:.74rem;line-height:1.35;display:block}.setting__hint--block{margin:0}.setting__warning{color:#c77700;margin:0;font-size:.74rem}.setting__value{font-variant-numeric:tabular-nums;color:var(--text-muted)}.setting select,.setting input[type=number]{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.4rem .55rem}.setting input[type=number]{width:6rem}.settings-group--about{border-top:1px solid var(--border);padding-top:.5rem}