@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#1f2522;background:#f3efe8;font-synthesis:none;--ink: #1f2522;--muted: #6c756f;--line: #d8d6ce;--paper: #fffcf7;--copper: #c45f28;--soft: #f5e1d3;--green: #2d7a59;--red: #b34a3e}*{box-sizing:border-box}body{margin:0}.shell{max-width:1240px;margin:auto;padding:28px 32px 56px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.brand,.device-state,.panel-heading,.serial-caption,.block-row,.write-zone,.live-label{display:flex;align-items:center}.brand{gap:12px}.brand-mark{background:var(--ink);color:#fff;border-radius:3px;padding:8px 7px;font:500 14px DM Mono,monospace}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand div span{color:var(--muted);font-size:11px;margin-top:3px}.device-state{gap:10px;color:var(--muted);font-size:12px}.dot,.log-dot{width:7px;height:7px;border-radius:99px;background:#a8aaa4;display:inline-block}.dot.live,.log-dot.success{background:var(--green)}.button{font:600 12px Manrope,sans-serif;border:1px solid var(--line);border-radius:4px;padding:10px 14px;cursor:pointer;transition:.16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{opacity:.45;cursor:not-allowed}.secondary{background:transparent;color:var(--ink)}.primary,.write{background:var(--copper);border-color:var(--copper);color:#fff}.tertiary{background:var(--soft);border-color:transparent;color:var(--copper);padding:8px 10px}.intro{display:flex;justify-content:space-between;gap:32px;padding:48px 0 36px}.eyebrow{font:500 10px DM Mono,monospace;letter-spacing:.08em;color:var(--copper);margin:0 0 10px}.intro h1{font-size:34px;letter-spacing:-.02em;margin:0 0 12px;line-height:1.18}.lede{max-width:660px;color:var(--muted);font-size:14px;line-height:1.7;margin:0}.protocol-note{width:300px;border-left:2px solid var(--copper);padding:4px 0 4px 16px}.protocol-note span,.protocol-note strong,.protocol-note small{display:block}.protocol-note span{font-size:11px;color:var(--muted)}.protocol-note strong{font:500 12px DM Mono,monospace;margin:8px 0}.protocol-note small{font-size:11px;color:var(--muted);line-height:1.5}.workspace{display:grid;grid-template-columns:350px minmax(0,1fr);gap:20px;align-items:start}.panel{background:var(--paper);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #1f25220f}.inputs{padding:22px}.panel-heading{gap:11px;margin-bottom:22px}.panel-heading>div{flex:1}.panel-heading h2{font-size:15px;margin:0}.panel-heading p{font-size:11px;color:var(--muted);margin:4px 0 0}.step{font:500 11px DM Mono,monospace;color:var(--copper);border:1px solid #e4baa2;padding:5px 6px;border-radius:2px}.field{display:block;margin:18px 0}.field>span{display:flex;justify-content:space-between;font-size:12px;font-weight:600;margin-bottom:8px}.field em{color:var(--muted);font-size:10px;font-style:normal;font-weight:400}.field input{width:100%;background:#fff;border:1px solid var(--line);border-radius:4px;padding:11px 12px;color:var(--ink);font:500 15px DM Mono,monospace;outline:none}.field input:focus{border-color:var(--copper);box-shadow:0 0 0 3px var(--soft)}.check{display:flex;gap:9px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--line);margin-top:24px}.check input{accent-color:var(--copper);margin-top:3px}.check strong,.check small{display:block}.check strong{font-size:12px}.check small{color:var(--muted);font-size:11px;line-height:1.5;margin-top:3px}.inputs .primary{width:100%;margin-top:8px;display:flex;justify-content:space-between}.mini-facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:22px;padding-top:16px;gap:8px}.mini-facts span,.mini-facts b{display:block}.mini-facts span{font-size:10px;color:var(--muted)}.mini-facts b{font:500 11px DM Mono,monospace;margin-top:5px}.results{display:grid;gap:16px}.card-result,.blocks,.activity{padding:22px}.icon-button{background:transparent;border:0;color:var(--copper);font-size:11px;cursor:pointer}.code-display{background:var(--ink);border-radius:4px;color:#fff;padding:20px 22px}.code-display span{font:500 10px DM Mono,monospace;color:#a5aaa4}.code-display strong{display:block;font:500 clamp(20px,3vw,30px) "DM Mono",monospace;letter-spacing:.08em;margin-top:10px;overflow-wrap:anywhere}.serial-caption{gap:10px;margin-top:14px;color:var(--muted);font-size:11px}.serial-caption b{font:500 12px DM Mono,monospace;color:var(--ink)}.arrow{color:var(--copper)}.block-list{border-top:1px solid var(--line)}.block-row{gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.block-label{width:132px;font:500 11px DM Mono,monospace}.block-label small{display:block;color:var(--muted);font:10px Manrope,sans-serif;margin-top:3px}.block-row code{flex:1;font:500 12px DM Mono,monospace;overflow-wrap:anywhere;line-height:1.5}.write-zone{justify-content:space-between;gap:20px;background:#2f3934;color:#fff;border-radius:6px;padding:22px}.write-zone h2{font-size:16px;margin:0 0 6px}.write-zone p:not(.eyebrow){font-size:11px;color:#c0c9c1;margin:0}.write{white-space:nowrap}.activity .panel-heading{margin-bottom:14px}.live-label{gap:6px;font:500 10px DM Mono,monospace;color:var(--green)}.log-list{border-top:1px solid var(--line)}.log-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:10px 0;font-size:11px}.log-row time{width:46px;color:var(--muted);font:10px DM Mono,monospace}.log-dot.error{background:var(--red)}.log-row span{color:var(--muted)}button:focus-visible,input:focus-visible{outline:2px solid var(--copper);outline-offset:2px}@media(max-width:840px){.shell{padding:20px 16px 40px}.intro{display:block;padding:32px 0 24px}.protocol-note{width:auto;margin-top:22px}.workspace{grid-template-columns:1fr}.intro h1{font-size:28px}.block-row{align-items:flex-start}.block-label{width:112px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.write-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;row-gap:8px}.write-actions .button{min-width:132px}@media(max-width:840px){.write-actions{width:100%;justify-content:stretch}.write-actions .button{flex:1 1 180px}}:root{--amber: #9c6b1c;--amber-soft: #f8ecd4}.tabs{display:flex;gap:4px;background:#eae5db;border-radius:6px;padding:3px}.tab{font:600 12px Manrope,sans-serif;border:0;background:transparent;color:var(--muted);padding:7px 14px;border-radius:4px;cursor:pointer}.tab.is-active{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px #1f252214}.device-state .button.is-active{border-color:var(--copper);color:var(--copper)}.view-batch{padding-top:24px}.stage{position:sticky;top:0;container-type:inline-size;z-index:5;background:var(--paper);border:1px solid var(--line);border-left:4px solid #cfcbc0;border-radius:6px;box-shadow:0 8px 24px #1f25220f;padding:18px 22px 20px;margin-bottom:20px}.stage[data-tone=ok]{border-left-color:var(--green);background:#f4faf6}.stage[data-tone=warn]{border-left-color:var(--amber);background:var(--amber-soft)}.stage[data-tone=bad]{border-left-color:var(--red);background:#fdf1ef}.stage[data-tone=busy]{border-left-color:var(--copper);background:#fdf6f1}.stage-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.stage-badge{font:500 11px DM Mono,monospace;letter-spacing:.08em;color:var(--copper);text-transform:uppercase}.stage[data-tone=ok] .stage-badge{color:var(--green)}.stage[data-tone=bad] .stage-badge{color:var(--red)}.stage[data-tone=warn] .stage-badge{color:var(--amber)}.stage-code{display:block;font:500 clamp(26px,4.2vw,54px) "DM Mono",monospace;letter-spacing:.06em;line-height:1.15}.stage-code.is-code{font-size:min(clamp(26px,4.2vw,54px),calc(100cqw / 16.2));white-space:nowrap}.stage-code.is-long{font-size:min(clamp(32px,6.4vw,88px),calc(100cqw / 16.2));white-space:nowrap}.stage-note{font-size:12px;color:var(--muted);margin:8px 0 0;line-height:1.6}.stage-progress{height:3px;border-radius:99px;background:#e6e2d9;margin-top:14px;overflow:hidden}.stage-progress i{display:block;height:100%;width:calc(var(--value, 0) * 100%);background:var(--copper);transition:width .16s ease-out}.stage[data-phase=idle] .stage-progress{visibility:hidden}.stage-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}.stage-actions:empty{margin-top:0}.button.choice{background:#fff;border-color:var(--line);font-family:DM Mono,monospace;font-size:13px;letter-spacing:.04em}.button.choice b{color:var(--copper);margin-right:6px}.stage-alts{font-size:11px;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}.link-button{background:none;border:0;color:var(--copper);font:500 12px DM Mono,monospace;cursor:pointer;padding:2px 0;text-decoration:underline;text-underline-offset:3px}.side{display:grid;gap:16px;align-content:start}.import-panel,.channel-panel,.activity,.list-panel{padding:20px}.drop-zone{border:1px dashed #cec9bd;border-radius:6px;padding:16px;text-align:center;background:#fbf8f2;transition:.16s ease}.drop-zone.is-over{border-color:var(--copper);background:var(--soft)}.drop-zone strong,.drop-zone small{display:block}.drop-zone strong{font-size:13px}.drop-zone small{color:var(--muted);font-size:11px;margin-top:5px;line-height:1.5}.import-panel .button.primary{width:100%;margin-top:12px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{font:600 11px Manrope,sans-serif;border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:99px;padding:6px 12px;cursor:pointer;transition:.16s ease}.chip.is-active{background:var(--ink);border-color:var(--ink);color:#fff}.camera-box{margin-top:14px}.camera-frame{position:relative;display:flex;align-items:center;justify-content:center;border-radius:6px;overflow:hidden;background:#22262a;aspect-ratio:16 / 9}.camera-stage{position:relative}.camera-stage video{position:absolute;top:50%;left:50%;object-fit:cover;display:block;transform-origin:center}.roi{position:absolute;border:2px solid rgba(255,255,255,.85);border-radius:3px;box-shadow:0 0 0 999px #0f121473;pointer-events:none}.camera-stage{cursor:crosshair;touch-action:none}.camera-status{font-size:11px;color:var(--muted);margin:10px 0 0}.camera-status[data-tone=bad]{color:var(--red)}.row-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.raw-box{margin-top:12px;font-size:11px;color:var(--muted)}.raw-box pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px DM Mono,monospace;color:var(--ink);margin:8px 0 0;max-height:90px;overflow:auto}.suffix-box{margin-top:14px}.suffix-input{text-align:center;letter-spacing:.5em;font:500 30px DM Mono,monospace!important;padding:14px 12px!important}.suffix-hint{font-size:11px;color:var(--muted);margin:10px 0 0;line-height:1.5}.suffix-hint[data-tone=ok]{color:var(--green)}.suffix-hint[data-tone=warn]{color:var(--amber)}.suffix-hint[data-tone=bad]{color:var(--red)}@keyframes suffix-ok{0%{border-color:var(--green);box-shadow:0 0 0 4px #2d7a592e}}@keyframes suffix-warn{0%{border-color:var(--amber);box-shadow:0 0 0 4px #9c6b1c33}}@keyframes suffix-bad{0%{border-color:var(--red);box-shadow:0 0 0 4px #b34a3e33}}.flash-ok{animation:suffix-ok .6s ease-out}.flash-warn{animation:suffix-warn .6s ease-out}.flash-bad{animation:suffix-bad .6s ease-out}.manual-box{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.manual-box summary{font-size:12px;font-weight:600;cursor:pointer}.manual-box .button{width:100%}.list-panel{padding:0;overflow:hidden}.list-toolbar{display:flex;gap:12px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{flex:1;min-width:180px;background:#fff;border:1px solid var(--line);border-radius:4px;padding:9px 12px;font:500 13px DM Mono,monospace;color:var(--ink);outline:none}.search:focus{border-color:var(--copper);box-shadow:0 0 0 3px var(--soft)}.card-list{max-height:min(64vh,720px);overflow:auto}.list-empty{padding:28px 18px;text-align:center;color:var(--muted);font-size:12px}.card-row{display:grid;grid-template-columns:10px minmax(0,1fr) 90px 56px 62px;align-items:center;gap:10px;padding:9px 18px;border-bottom:1px solid #efece4;font-size:12px}.card-row:hover{background:#fbf9f4}.card-row.is-written{color:var(--muted)}.card-row.is-current{background:var(--soft);box-shadow:inset 3px 0 0 var(--copper)}.row-dot{width:7px;height:7px;border-radius:99px;background:#c9c5ba}.card-row.is-written .row-dot{background:var(--green)}.row-code{font:500 13px DM Mono,monospace;letter-spacing:.04em;overflow-wrap:anywhere}.row-serial{font:11px DM Mono,monospace;color:var(--muted)}.row-state{font-size:10px;color:var(--green)}.row-write{opacity:0;text-align:right}.card-row:hover .row-write,.card-row:focus-within .row-write{opacity:1}.dialog-backdrop{position:fixed;inset:0;background:#181c1a6b;display:flex;align-items:center;justify-content:center;padding:24px;z-index:50}.dialog-backdrop[hidden]{display:none}.dialog{background:var(--paper);border-radius:8px;box-shadow:0 24px 60px #14181647;max-width:620px;width:100%;max-height:80vh;overflow:auto;padding:24px}.dialog h2{font-size:17px;margin:0 0 12px}.dialog-body{font-size:12px;color:var(--muted);line-height:1.7}.dialog-body p{margin:10px 0}.invalid-list{margin:0;padding-left:18px;max-height:260px;overflow:auto}.invalid-list li{font:11px DM Mono,monospace;margin:6px 0;overflow-wrap:anywhere}.invalid-list em{font-style:normal;color:var(--red);margin-left:6px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}@media(max-width:840px){.stage{position:static}.card-row{grid-template-columns:10px minmax(0,1fr) 62px}.row-serial,.row-write{display:none}.card-list{max-height:55vh}}.stage-notice{margin:10px 0 0;font-size:12px;padding:7px 10px;border-radius:4px;background:#f1ede4;color:var(--ink)}.stage-notice[data-tone=warn]{background:var(--amber-soft);color:var(--amber)}.stage-notice[data-tone=bad]{background:#fbe6e2;color:var(--red)}.stage-notice[data-tone=ok]{background:#e8f3ec;color:var(--green)}.stage-notice[hidden]{display:none}.field input.is-invalid{border-color:var(--red);box-shadow:0 0 0 3px #b34a3e24}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}#ocr-preview{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:3px;background:#fff}.ocr-match{font:11px DM Mono,monospace;color:var(--muted);margin:8px 0 0;overflow-wrap:anywhere}.ocr-match b{color:var(--ink)}.audio-gate{position:fixed;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:15px 28px 15px 20px;border:0;border-radius:999px;background:var(--copper);color:#fff;cursor:pointer;z-index:60;animation:audio-gate-pulse 1.8s ease-in-out infinite}.audio-gate[hidden]{display:none}.audio-gate:hover{background:#a94e1f}.audio-gate-icon{font-size:30px;line-height:1}.audio-gate-text{text-align:left}.audio-gate-text strong{display:block;font-size:18px;font-weight:700;white-space:nowrap}.audio-gate-text small{display:block;margin-top:3px;font-size:12px;font-weight:500;opacity:.85}@keyframes audio-gate-pulse{0%,to{box-shadow:0 14px 36px #1418164d,0 0 #c45f288c}50%{box-shadow:0 14px 36px #1418164d,0 0 0 15px #c45f2800}}@media(max-width:560px){.audio-gate{gap:10px;padding:12px 20px 12px 16px}.audio-gate-icon{font-size:24px}.audio-gate-text strong{font-size:16px}.audio-gate-text small{display:none}}