:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f5f7;--surface:#fff;--text:#15181d;--muted:#4b5260;--line:#d8dce2;--control:#6b7280;--accent:#1d4ed8;--accent-text:#fff;--danger:#c81e1e;--danger-text:#fff;--ok:#15803d;--busy:#b45309;--notice-bg:#fff6e0;--notice-text:#5c3b00;--error-bg:#fdecec;--error-text:#8a1010;--focus:#1d4ed8;--material:#f7f5ef;--grid:#dedbd2;--radius:10px;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1115;--surface:#181b21;--text:#eceef2;--muted:#b0b6c2;--line:#2c313a;--control:#8a93a1;--accent:#8db0ff;--accent-text:#0b1020;--danger:#dc2626;--danger-text:#fff;--ok:#4ade80;--busy:#fbbf24;--notice-bg:#3a2c0c;--notice-text:#ffe3a3;--error-bg:#3d1212;--error-text:#ffc9c9;--focus:#8db0ff}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font:1rem/1.5 var(--font);margin:0}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--surface);color:var(--text);border-radius:var(--radius);padding:.5rem 1rem;position:absolute;top:-10rem;left:1rem}.skip-link:focus{top:.5rem}.app-header{background:var(--surface);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1rem;display:flex}.brand h1{margin:0;font-size:1.125rem}.brand p{color:var(--muted);margin:0;font-size:.875rem}.connection{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;margin-inline-start:auto;display:flex}.status{align-items:center;gap:.5rem;margin:0;font-weight:600;display:inline-flex}.status-dot{border:2px solid var(--control);border-radius:50%;flex:none;width:.75rem;height:.75rem}.status-dot[data-state=ready]{background:var(--ok);border-color:var(--ok)}.status-dot[data-state=busy]{background:var(--busy);border-color:var(--busy)}.device-meta{color:var(--muted);font-size:.875rem}.layout{grid-template-columns:minmax(18rem,28rem) minmax(0,1fr);gap:1rem;max-width:90rem;margin:0 auto;padding:1rem;display:grid}@media (max-width:56rem){.layout{grid-template-columns:minmax(0,1fr)}}.controls{align-content:start;gap:1rem;min-width:0;display:grid}.tabs{min-width:0}.stage{align-self:start;gap:1rem;display:grid;position:sticky;top:1rem}@media (max-width:56rem){.stage{order:-1;position:static}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem}.panel>h2{margin:0 0 .75rem;font-size:1rem}fieldset{border:0;min-width:0;margin:.75rem 0 0;padding:0}legend{margin-bottom:.25rem;padding:0;font-size:.9375rem;font-weight:600}.hint{color:var(--muted);margin:.375rem 0 0;font-size:.875rem}.app-footer{max-width:90rem;color:var(--muted);flex-wrap:wrap;gap:.5rem 1.5rem;margin:0 auto;padding:0 1rem 2rem;font-size:.875rem;display:flex}.app-footer a{color:inherit}.field{grid-template-columns:minmax(7rem,9.5rem) minmax(0,1fr) 3.75rem;align-items:center;gap:.5rem;margin-top:.5rem;display:grid}.field>label{font-size:.9375rem}.field output{text-align:end;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem}.field.wide{grid-template-columns:minmax(7rem,9.5rem) minmax(0,1fr)}input[type=number],input[type=text],select{border:1px solid var(--control);background:var(--surface);width:100%;min-height:2.5rem;color:var(--text);font:inherit;border-radius:6px;padding:.375rem .5rem}input:disabled,select:disabled{opacity:.7}input[type=range]{width:100%;min-height:1.5rem;accent-color:var(--accent)}input[type=checkbox]{width:1.25rem;height:1.25rem;accent-color:var(--accent)}.check{align-items:center;gap:.5rem;min-height:2.5rem;display:flex}.row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}button,.button{border:1px solid var(--control);background:var(--surface);min-height:2.5rem;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;padding:.375rem .875rem;font-weight:500;display:inline-flex}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.55}button[aria-pressed=true]{background:var(--notice-bg);color:var(--notice-text);border-color:var(--busy)}.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.stop-button{background:var(--danger);border-color:var(--danger);color:var(--danger-text);text-transform:uppercase;letter-spacing:.04em;min-width:6rem;font-weight:700}.block{width:100%}.dropzone{border:2px dashed var(--control);border-radius:var(--radius);text-align:center;place-items:center;gap:.5rem;padding:1rem;display:grid}.dropzone[data-over=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, transparent)}.notice,.alert{border-radius:8px;margin:0;padding:.625rem .75rem;font-size:.9375rem}.notice{background:var(--notice-bg);color:var(--notice-text)}.alert{background:var(--error-bg);color:var(--error-text);justify-content:space-between;align-items:start;gap:.75rem;display:flex}.alert button{min-height:2rem;color:inherit;background:0 0;border-color:currentColor;flex:none;padding:.125rem .5rem}.work-area{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.75rem}.work-area canvas{touch-action:none;cursor:grab;border-radius:4px;width:100%;height:auto;display:block}.work-area canvas:active{cursor:grabbing}.work-area canvas[data-mode=head],.work-area canvas[data-mode=head]:active{cursor:crosshair}.head-readout{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;min-height:2.5rem;margin-top:.5rem;display:flex}.head-dot{border:2px solid var(--focus);border-radius:50%;flex:none;width:.75rem;height:.75rem}.dimensions{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:.5rem 1.25rem;margin-top:.75rem;font-size:.875rem;display:grid}.dimensions-title{align-items:center;gap:.375rem;margin:0 0 .25rem;font-weight:600;display:flex}.dimensions .swatch{border-radius:2px;width:.75rem;height:.25rem}.dimensions dl{margin:0}.dimensions dl>div{justify-content:space-between;gap:.75rem;display:flex}.dimensions dt{color:var(--muted)}.dimensions dd{font-variant-numeric:tabular-nums;margin:0}.work-area figcaption{color:var(--muted);flex-wrap:wrap;gap:.25rem 1rem;margin-top:.5rem;font-size:.875rem;display:flex}progress{width:100%;height:.75rem;accent-color:var(--accent)}.phases ol{gap:.75rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.phase-head{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.phase-num{border:2px solid var(--control);border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.8125rem;font-weight:700;display:inline-grid}.phase-label{font-weight:600}.phase-status{color:var(--muted);font-variant-numeric:tabular-nums;margin-inline-start:auto;font-size:.875rem}.phases li[data-state=pending]{color:var(--muted)}.phases li[data-state=active] .phase-num{border-color:var(--accent);color:var(--accent)}.phases li[data-state=done] .phase-num{border-color:var(--ok);background:var(--ok);color:var(--surface)}.phases li[data-state=stopped] .phase-num{border-color:var(--danger);color:var(--danger)}.phases .hint{margin-top:.25rem}.history{gap:.75rem;max-height:24rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.history li{grid-template-columns:3.5rem minmax(0,1fr);align-items:center;gap:.25rem .75rem;display:grid}.history img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:6px;grid-row:span 2;width:3.5rem;height:3.5rem}.history .name{overflow-wrap:anywhere;font-weight:600}.history .meta{color:var(--muted);font-size:.8125rem}.history .actions{flex-wrap:wrap;grid-column:2;gap:.375rem;display:flex}.history .actions button{min-height:2rem;padding:.125rem .625rem;font-size:.875rem}dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:min(32rem,100vw - 2rem);color:var(--text);padding:1.25rem}dialog::backdrop{background:#0000008c}dialog h2{margin-top:0}.traffic{background:var(--bg);max-height:14rem;font:.75rem/1.4 var(--mono);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin:.5rem 0 0;padding:.5rem;overflow:auto}details>summary{cursor:pointer;min-height:1.5rem;font-weight:600}.tablist{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:0;display:flex;overflow-x:auto}.tablist [role=tab]{min-height:2.5rem;color:var(--muted);background:0 0;border:1px solid #0000;border-bottom:none;border-radius:8px 8px 0 0;flex:none;margin-bottom:-1px;padding-inline:.5rem;font-size:.9375rem}.tablist [role=tab][aria-selected=true]{background:var(--surface);color:var(--text);border-color:var(--line);box-shadow:inset 0 3px 0 var(--accent);font-weight:700}.tabpanel{gap:1rem;padding-top:1rem;display:grid}.tabpanel[hidden]{display:none}.tabpanel:focus-visible{outline-offset:4px}.pattern-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.pattern-list li{grid-template-columns:4rem minmax(0,1fr);align-items:center;gap:.75rem;display:grid}.pattern-list img{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:4px;width:4rem;height:2.5rem}textarea{border:1px solid var(--control);background:var(--surface);width:100%;min-height:5rem;color:var(--text);font:inherit;resize:vertical;border-radius:6px;padding:.5rem}.help-list{margin:.25rem 0 0;padding-inline-start:1.25rem}.help-list li+li{margin-top:.375rem}