@import"https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.hw-workspace{container-type:inline-size;min-width:0;background:#f2f5e9;border:1px solid #dce3cf;border-radius:10px;overflow:hidden}.hw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 24px;border-bottom:1px solid #dce3cf}.hw-model-select{min-width:0}.hw-model-select select{min-height:48px;max-width:100%;padding:8px 30px 8px 0;border:0;background:transparent;color:#35452e;font-family:inherit;font-size:16px;font-weight:500;cursor:pointer}.hw-simulation{display:flex;gap:16px;color:#59674d;font-size:12px;flex-shrink:0}.hw-stage{padding:28px 32px 32px;background:radial-gradient(ellipse at 50% 85%,#d8dfcc 0,transparent 58%),#eef2e5}.hw-scroll{overflow-x:auto;scrollbar-width:thin;padding:4px 4px 17px;scrollbar-color:#8c9a7d transparent}.hw-device{position:relative;max-width:1120px;min-width:0;width:100%;margin:0 auto;padding:16px 25px 0;color:#eef0e9;border:1px solid #444842;border-top:1px solid #777c74;border-radius:18px 18px 24px 24px;background:linear-gradient(175deg,#3d413b,#292d28 39%,#242722 83%,#1d201c);box-shadow:0 2px #111510,0 7px #282d25,0 9px 1px #11150f,0 16px 19px -8px #58614899,inset 0 1px 1px #a3aa9699;isolation:isolate}.hw-device.hw-size-20{max-width:730px;min-width:0}.hw-device.hw-size-80{min-width:0}.hw-device.hw-focus{border-radius:12px 12px 19px 19px;background:linear-gradient(172deg,#313b47,#202c3a 45%,#17222f);border-color:#506074;box-shadow:0 2px #101823,0 7px #263647,0 9px 1px #111924,0 16px 19px -8px #58614899,inset 0 1px 1px #8596a699}.hw-nameplate{display:flex;justify-content:space-between;align-items:baseline;padding:0 11px;gap:20px}.hw-nameplate strong{font-size:18px;font-weight:600;letter-spacing:-.3px;color:#f1f3ed}.hw-nameplate>span{font-size:12px;font-weight:500;color:#ccd1c5}.hw-keyboard{display:flex;justify-content:center;align-items:center;gap:9px;margin:17px auto 22px;max-width:660px;height:38px}.hw-perkins{display:flex;align-items:center;justify-content:center;flex:1;height:33px;max-width:69px;border:1px solid #141812;border-top-color:#6c7464;border-radius:9px 9px 13px 13px;background:linear-gradient(#5b6255,#343a30);box-shadow:0 3px #12180e,inset 0 1px 1px #ffffff1f;transform:rotate(-7deg)}.hw-perkins:nth-child(n+6){transform:rotate(7deg)}.hw-key-7,.hw-key-8{height:27px;max-width:47px;margin-top:10px}.hw-keyboard-gap{width:25px;flex-shrink:0}.hw-perkins i{display:block;width:16px;height:2px;border-radius:2px;background:#242b1f;box-shadow:0 1px #89927c66}.hw-focus .hw-perkins{background:linear-gradient(#667887,#425566);border-top-color:#a2b1bd;border-bottom-color:#14202b;box-shadow:0 3px #101822,inset 0 1px 1px #ffffff1f}.hw-display-row{display:flex;align-items:center;gap:11px}.hw-cell-rail{min-width:0;flex:1;display:grid;gap:2px;padding:0 10px 12px;background:#10140f;border:1px solid #0c0f0a;border-top-color:#090c07;border-radius:6px;box-shadow:inset 0 3px 6px #000c,0 1px #62695a}.hw-workspace .hw-cell{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-width:0;border:0;background:transparent;grid-template-rows:none}.hw-workspace .hw-cell:after{display:none}.hw-routing-key{display:flex;align-items:center;justify-content:center;min-width:0;min-height:40px;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.hw-routing-key>span{display:block;width:9px;height:7px;max-width:75%;border:1px solid #626a5d;border-bottom-color:#161d10;border-radius:2px;background:linear-gradient(#7b8471,#4c5741);box-shadow:0 2px 1px #000}.hw-routing-key:hover>span,.hw-inspected .hw-routing-key>span{background:#b5c793;border-color:#d6e3b8}.hw-dots{display:grid;grid-template-columns:repeat(2,5px);grid-template-rows:repeat(4,5px);justify-content:center;gap:4px 4px;padding:5px 0 6px;background:linear-gradient(90deg,#191e16,#242920 48%,#13190f);border:1px solid #333b2a;border-top-color:#353c2e;border-bottom-color:#0b1007;border-radius:2px}.hw-workspace .hw-cell .hw-dots i{display:block;width:5px;height:5px;max-width:none;max-height:none;border-radius:50%;background:#0a0e07;box-shadow:inset 0 1px 1px #000,0 1px #434b3666;transform:none;transition:background-color .16s,box-shadow .16s}.hw-workspace .hw-cell .hw-dots i.raised{background:radial-gradient(circle at 34% 25%,#fff,#f6f4df 39%,#bcbfac 77%,#797f6e);box-shadow:0 2px 1px #000,0 0 0 .5px #f5f4e8;transform:translateY(-1px)}.hw-inspected .hw-dots{outline:2px solid #b9d497;outline-offset:2px}.hw-side-control{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;flex-shrink:0;width:44px;height:63px;padding:0;color:#f0f1e9;border:1px solid #12170d;border-top-color:#7b836c;border-radius:8px;background:linear-gradient(95deg,#626b55,#39442c);box-shadow:0 3px #131b0b,inset 1px 0 1px #8f9a7b;cursor:pointer}.hw-side-control>span{width:13px;height:7px;border-top:1px solid #242d19;border-bottom:1px solid #242d19;box-shadow:0 1px #89937344}.hw-thumb-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:21px auto 0;width:78%;max-width:720px;padding-bottom:18px}.hw-thumb-controls>button{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-height:48px;min-width:48px;max-width:70px;padding:7px;color:#e7ebdf;background:linear-gradient(#505946,#2d3624);border:1px solid #12170c;border-top-color:#7b856b;border-radius:6px 6px 10px 10px;box-shadow:0 3px #141b0d,inset 0 1px #ffffff1a;cursor:pointer}.hw-thumb-controls>button.hw-pan{max-width:135px;flex:2}.hw-thumb-controls>button.hw-space{max-width:190px;flex:3;border-radius:7px 7px 15px 15px}.hw-thumb-controls i{width:30%;height:9px;border-top:1px solid #1d2515;border-bottom:1px solid #1d2515;box-shadow:0 1px #747e65}.hw-thumb-controls .hw-space i{width:52%;height:1px;border:0;background:#1c2414;box-shadow:0 1px #727e61}.hw-workspace button:disabled{opacity:.42;cursor:default}.hw-workspace button:not(:disabled):active{transform:translateY(2px);box-shadow:none}.hw-focus .hw-side-control,.hw-focus .hw-thumb-controls>button{background:linear-gradient(#63798e,#354c61);border-top-color:#98b0c5;color:#f0f4f7;box-shadow:0 3px #132130,inset 1px 0 1px #94aec1}.hw-focus .hw-dots{background:linear-gradient(90deg,#182029,#27313b 48%,#101821);border-color:#364250}.hw-focus .hw-cell-rail{background:#10161d;box-shadow:inset 0 3px 6px #000c,0 1px #54616e}.hw-front-edge{display:flex;align-items:center;justify-content:space-between;position:relative;height:12px;margin:0 -25px;padding:0 23px;border-top:1px solid #11180b;border-radius:0 0 24px 24px;background:linear-gradient(#333b29,#1c2216)}.hw-focus .hw-front-edge{background:linear-gradient(#2f3e4d,#172332);border-top-color:#0d1620}.hw-front-edge i{height:2px;width:20px;background:#0d1308;box-shadow:0 1px #626c5244}.hw-screw{position:absolute;top:17px;width:5px;height:5px;border:1px solid #181e12;background:#535d46;border-radius:50%;box-shadow:inset 0 1px 1px #afb59e55}.hw-screw:after{content:"";position:absolute;width:3px;height:1px;top:1px;background:#17200c;transform:rotate(-35deg)}.hw-screw-left{left:11px}.hw-screw-right{right:11px}.hw-update{outline:2px solid #b77735;outline-offset:5px}.hw-readout{display:flex;justify-content:space-between;align-items:baseline;gap:20px;min-height:46px;padding:12px 20px;border-top:1px solid #dce3cf;background:#f6f8f0;color:#3e5033}.hw-line{min-width:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere}.hw-pagination{white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums;color:#526245}.hw-cell-detail{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:4px 24px 16px;font-size:16px;color:#3e5033}.hw-cell-detail button{min-height:44px;border:0;background:transparent;color:#3e5033;text-decoration:underline;padding:5px 0;cursor:pointer}.hw-workspace button:focus-visible,.hw-workspace select:focus-visible,.hw-scroll:focus-visible{outline:3px solid #b8cf85;outline-offset:3px}@container (max-width: 1000px){.hw-toolbar{flex-wrap:wrap;padding:12px 16px;gap:4px}.hw-model-select{width:100%}.hw-model-select select{font-size:16px;width:100%;max-width:100%}.hw-simulation{font-size:12px;justify-content:space-between;width:100%;padding-bottom:3px}.hw-stage{padding:20px 8px}.hw-nameplate strong{font-size:16px}.hw-readout{padding:10px 13px}.hw-device{padding-left:18px;padding-right:18px}.hw-front-edge{margin-left:-18px;margin-right:-18px}.hw-device.hw-size-20{min-width:0}.hw-side-control{width:44px}.hw-keyboard{gap:7px}.hw-thumb-controls{gap:10px}.hw-scroll{padding-bottom:18px}.hw-cell-detail{padding-left:13px;padding-right:13px}}@media(prefers-reduced-motion:reduce){.hw-workspace .hw-cell .hw-dots i{transition:none}}@container (max-width: 1000px){.hw-device,.hw-device.hw-size-20{min-width:0;padding:18px 10px 0;border-radius:12px 12px 17px 17px}.hw-device.hw-size-80{min-width:0}.hw-nameplate{padding:0 6px;gap:8px}.hw-nameplate strong{font-size:16px}.hw-nameplate>span{display:none}.hw-keyboard{margin:15px auto 14px;gap:5px;height:29px;max-width:330px}.hw-perkins{height:24px;border-radius:5px 5px 7px 7px}.hw-key-7,.hw-key-8{height:20px;max-width:25px}.hw-keyboard-gap{width:9px}.hw-perkins i{width:8px;height:1px}.hw-display-row{gap:5px}.hw-side-control{display:none}.hw-side-control svg{width:14px}.hw-cell-rail{padding:0 3px 7px;gap:1px;border-radius:4px}.hw-routing-key{min-height:44px}.hw-routing-key>span{width:4px;height:4px;border:0;border-radius:1px}.hw-dots{grid-template-columns:repeat(2,2px);grid-template-rows:repeat(4,2px);gap:2px 1px;padding:4px 0;border:0}.hw-workspace .hw-cell .hw-dots i{width:2px;height:2px}.hw-workspace .hw-cell .hw-dots i.raised{box-shadow:0 1px 1px #000,0 0 0 .2px #f5f4e8}.hw-size-20 .hw-dots{grid-template-columns:repeat(2,3px);grid-template-rows:repeat(4,3px);gap:3px}.hw-workspace .hw-size-20 .hw-cell .hw-dots i{width:3px;height:3px}.hw-thumb-controls{width:100%;gap:6px;margin-top:22px;padding-bottom:20px}.hw-thumb-controls>button{padding:5px;min-width:44px;max-width:48px;min-height:48px}.hw-thumb-controls>button.hw-pan{max-width:64px;gap:0}.hw-thumb-controls>button.hw-space{max-width:90px}.hw-thumb-controls .hw-pan i{display:none}.hw-thumb-controls>button svg{width:18px;height:18px}.hw-front-edge{margin:0 -10px;padding:0 15px;height:9px}.hw-screw{top:13px;width:4px;height:4px}.hw-screw-left{left:6px}.hw-screw-right{right:6px}}@container (min-width: 480px) and (max-width: 1000px){.hw-toolbar{flex-wrap:nowrap;gap:18px}.hw-model-select{width:auto;flex:1}.hw-simulation{width:auto;gap:16px;padding:0}.hw-stage{padding:22px 16px 26px}.hw-nameplate strong{font-size:17px}.hw-keyboard{max-width:450px;height:35px;margin:20px auto;gap:8px}.hw-perkins{height:30px}.hw-key-7,.hw-key-8{height:25px;max-width:35px}.hw-dots,.hw-size-20 .hw-dots{grid-template-columns:repeat(2,4px);grid-template-rows:repeat(4,4px);gap:3px 2px;padding:6px 0}.hw-workspace .hw-cell .hw-dots i,.hw-workspace .hw-size-20 .hw-cell .hw-dots i{width:4px;height:4px}.hw-thumb-controls{width:90%;gap:12px}.hw-thumb-controls>button.hw-pan{max-width:100px}.hw-thumb-controls>button.hw-space{max-width:135px}}.hw-workspace .hw-cell{container-type:inline-size}.hw-workspace .hw-device .hw-dots{--dot-size: clamp(.6px, 23cqw, 5px);grid-template-columns:repeat(2,var(--dot-size));grid-template-rows:repeat(4,var(--dot-size));column-gap:clamp(.5px,12cqw,4px);row-gap:clamp(1px,12cqw,4px)}.hw-workspace .hw-device .hw-cell .hw-dots i{width:var(--dot-size);height:var(--dot-size)}.hw-workspace .hw-device.hw-size-80 .hw-cell-rail{gap:1px;padding-inline:3px}.hw-scroll{overflow-x:visible}@container (max-width:480px){.hw-thumb-controls>button{min-width:0}.hw-nameplate strong{font-size:15px}}.queue-panel{position:sticky;top:24px;display:flex;flex-direction:column;min-width:0;max-height:calc(100dvh - 210px);color:var(--ink, #30392c);font-size:16px}.queue-heading{flex-shrink:0;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.queue-heading h2{margin:0;font-size:20px;font-weight:550}.queue-heading>span{color:var(--muted, #58644f);font-variant-numeric:tabular-nums}.queue-status{flex-shrink:0;margin:8px 0 16px;color:var(--muted, #58644f);font-size:16px;line-height:1.5}.queue-list{flex:1;min-height:0;max-height:560px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#89947d transparent;list-style:none;padding:0;margin:0;border-block:1px solid var(--line, #d2d9c9)}.queue-list>li+li{border-top:1px solid var(--line, #d2d9c9)}.queue-item{display:grid;grid-template-columns:1.6em minmax(0,1fr) auto;align-items:start;gap:12px;width:100%;min-height:64px;padding:16px 12px;border:0;border-left:3px solid transparent;border-radius:0;background:transparent;color:inherit;text-align:left;font:inherit;line-height:1.5;cursor:pointer}.queue-item:not(:disabled):hover{background:#edf2e5}.queue-item:focus-visible{outline:2px solid var(--accent, #3f5034);outline-offset:-3px}.queue-item.queue-current{border-left-color:var(--accent, #3f5034);background:#e7eddc}.queue-number,.queue-score{color:var(--muted, #58644f);font-variant-numeric:tabular-nums}.queue-copy{min-width:0}.queue-context{display:block;margin-bottom:4px;color:var(--muted, #58644f)}.queue-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}.queue-current-label{display:block;margin-top:6px;color:var(--accent, #3f5034);font-weight:550}.queue-score{white-space:nowrap;text-align:right}.queue-score:empty{display:none}.queue-score b{color:var(--ink, #30392c);font-weight:550}@media(max-width:820px){.queue-panel{position:static;max-height:none}.queue-list{flex:auto;max-height:360px}.queue-item{padding:14px 8px;gap:8px}}.page-controls{margin:20px 0}.control-actions{display:flex;flex-wrap:wrap;gap:12px}.control-actions button,.control-dialog button{min-height:44px;padding:10px 16px;border:1px solid var(--muted);border-radius:8px;background:var(--surface, white);color:var(--ink)}.control-actions kbd{margin-left:12px;font:inherit;font-size:14px;color:var(--muted)}.control-hint,.control-status{margin:8px 0 0;color:var(--muted);font-size:16px}.control-status:empty{display:none}.control-dialog{width:min(600px,calc(100vw - 32px));max-height:85dvh;padding:24px;border:1px solid var(--muted);border-radius:12px;background:var(--paper);color:var(--ink);overflow:auto}.control-dialog::backdrop{background:#1f142266}.control-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.control-dialog h2{margin:0;font-size:24px}.control-dialog label{display:block;margin-bottom:8px}.control-dialog input{width:100%;min-height:48px;padding:12px;border:1px solid var(--muted);border-radius:6px;background:#fff;color:var(--ink);font:inherit}.control-dialog ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:12px}.control-dialog li button{display:grid;gap:8px;width:100%;text-align:left;overflow-wrap:anywhere}.control-dialog small{color:var(--muted);font-size:14px}.control-dialog button:hover,.control-actions button:hover{background:var(--soft)}@media(max-width:480px){.control-dialog{padding:16px}.control-actions kbd{display:none}}.visual-controls,.voice-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}.voice-controls select{max-width:100%;padding:8px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:6px}.visual-details{margin-top:24px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0}.visual-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.visual-heading>span,.visual-announcement{color:var(--muted);font-size:14px}.visual-list{list-style:none;margin:16px 0;padding:0;display:grid;gap:8px}.visual-list button{width:100%;text-align:left;padding:12px;border:1px solid var(--line);border-radius:6px;display:flex;flex-direction:column;overflow-wrap:anywhere}.visual-list span{color:var(--muted);font-size:14px}.visual-details details{margin-top:12px;overflow-wrap:anywhere}.visual-details summary{cursor:pointer;padding:8px 0}.visual-errors{color:#7b391c;overflow-wrap:anywhere}.visual-dialog{max-height:85vh;overflow:auto}.visual-dialog p{overflow-wrap:anywhere}.visual-dialog .subtle{margin:8px 8px 0 0;white-space:normal}.source-block-list{overflow:auto;padding:16px}.source-block-list button{text-align:left;border-bottom:1px solid var(--line);width:100%;padding:12px 0}.source-capture-note{margin:8px 0;font-size:14px;color:var(--muted)}.change-demo{min-width:0;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.change-demo header{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.change-demo h2{font-size:23px;line-height:1.25;margin:0}.change-demo header>span,.change-source span,.change-decision>span{font-size:14px;color:var(--muted)}.change-source{display:flex;align-items:flex-start;gap:12px;padding:18px;background:#edf3e7;border-radius:8px}.change-source svg{flex-shrink:0;margin-top:3px}.change-source p{font-size:18px;line-height:1.5;margin:6px 0 0;overflow-wrap:anywhere}.change-source-alert{background:#fff0df;color:#703711;border:1px solid #d6a879}.change-source-alert span{color:#703711}.change-arrow{display:block;margin:12px auto;color:var(--muted)}.change-decision{display:flex;flex-direction:column;gap:8px;margin:24px 0 12px}.change-decision strong{font-size:20px;line-height:1.3}.change-decision p{font-size:16px;line-height:1.5;margin:0}.change-decision-alert strong{color:#854016}.change-demo>button{min-height:44px;text-decoration:underline;text-underline-offset:4px}.change-demo footer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:20px 0 0;margin-top:16px;border-top:1px solid var(--line)}.change-demo h3{font-size:16px;margin:0}.change-demo footer button{display:flex;align-items:center;gap:8px;text-align:left;min-height:44px;font-size:16px}.change-demo footer a{font-size:14px;text-decoration:underline}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:24px 0}.page-heading .page-title{margin:0}.alert-demo-button{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 18px;border:1px solid var(--accent);border-radius:8px;color:var(--accent);font-size:16px;flex-shrink:0}.alert-demo-button:not(:disabled):hover{background:var(--surface)}.alert-workspace{grid-template-columns:minmax(0,1fr) 400px}.alert-workspace .hw-stage{padding:14px 12px 20px}.alert-workspace .hw-toolbar{padding:8px 16px}.alert-workspace .hw-keyboard{margin:12px auto}.alert-workspace .hw-thumb-controls{margin-top:14px;padding-bottom:14px}.alert-workspace .reading-panel{padding:16px}.alert-workspace .reading-panel>h2{margin-bottom:10px}.alert-workspace #reading-output{min-height:52px;height:52px;font-size:20px}.alert-workspace .text-output{padding:12px}.alert-workspace .reader-buttons,.alert-workspace .reading-position{margin-top:4px}.alert-workspace .change-demo{padding:20px}.alert-workspace .change-demo header{margin-bottom:16px}.alert-workspace .change-source{padding:14px}@media(max-width:1040px){.alert-workspace{grid-template-columns:minmax(0,1fr) 320px}}@media(max-width:820px){.alert-workspace{grid-template-columns:minmax(0,1fr)}.alert-workspace .change-demo{grid-row:1}.alert-workspace .change-source p{font-size:16px}}@media(max-width:720px){.page-heading{align-items:flex-start;flex-direction:column;gap:12px}.change-demo{padding:20px}}:root{--paper: #faf8f7;--surface: #ffffff;--soft: #f7eef4;--ink: #1f1422;--muted: #5f5560;--line: #e5dfe3;--line-strong: #cbc1c9;--accent: #a3155f;--accent-hover: #83104c;--focus: #a3155f;--display: "Inter Tight", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace;font-family:var(--display);color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-family:var(--display);font-size:16px;line-height:1.5;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent);text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}::selection{background:var(--ink);color:var(--paper)}[hidden]{display:none!important}.header,main{width:100%;max-width:1440px;padding-inline:32px;margin-inline:auto}.header{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:30px;font-weight:600;letter-spacing:-.05em;color:var(--ink);text-decoration:none}.brand-mark{color:var(--ink)}.header>.extension-button{min-height:44px;padding:8px 14px;display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:500;border-radius:8px}.header>.extension-button:hover{background:var(--soft)}.hero{position:relative;display:flex;align-items:flex-end;min-height:200px;margin:28px 0 24px;background:#f9e4f2;border-radius:16px;overflow:hidden}.braille-field{position:absolute;inset:0;--pin-on: #1f1422b3;--pin-off: #1f142214;--pin-signal: #a3155f;--pin-wake: #a3155f}.braille-field canvas{display:block;width:100%;height:100%}.motion-toggle{position:absolute;top:12px;right:12px;z-index:1;min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font:500 12px/1 var(--mono);letter-spacing:.04em;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px}.motion-toggle:hover{background:var(--paper)}.hero-copy{position:relative;max-width:min(720px,calc(100% - 32px));margin:16px;padding:16px 22px 18px;background:var(--surface);border-radius:12px}.eyebrow{margin:0 0 8px;font:500 12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.page-title{margin:0;font-size:clamp(34px,4.6vw,64px);line-height:.95;font-weight:600;letter-spacing:-.05em}h2{margin:0;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.02em}.analysis-tab>.jev-details,.input-panel,.analysis-tab>.source-panel,.read-tab>.output-section,.read-tab>.reading-panel{background:var(--surface);border:1px solid var(--line);border-radius:12px}.workspace-tabs{display:flex;align-items:center;gap:28px;margin:0 0 24px;border-bottom:1px solid var(--line)}.workspace-tabs button{min-height:48px;min-width:80px;padding:10px 4px;margin-bottom:-1px;border-bottom:3px solid transparent;font-size:16px;font-weight:500;color:var(--muted)}.workspace-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--ink)}.workspace-tabs button:not(:disabled):hover{color:var(--ink)}.tab-workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.tab-content{min-width:0}.analysis-tab,.read-tab{display:flex;flex-direction:column;gap:16px;min-width:0}.queue-list{scrollbar-color:#b98aab transparent}.queue-item:not(:disabled):hover{background:var(--soft)}.queue-item.queue-current{background:#f9e4f2}.input-panel{padding:8px 20px}.input-line,.task-line{display:flex;align-items:center;gap:20px;min-height:64px}.input-line{border-bottom:1px solid var(--line)}.input-line label,.task-line label{flex:0 0 76px;display:flex;align-items:center;gap:8px;font:500 12px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.input-line input,.task-line input{min-width:0;flex:1;width:100%;min-height:44px;border:0;border-radius:4px;background:transparent;color:var(--ink);padding:10px 4px;font-size:17px}input::placeholder,textarea::placeholder{color:#6f6570;opacity:1}.input-line>button{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:8px}.primary{min-height:46px;padding:10px 20px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;white-space:nowrap;background:var(--ink);color:var(--paper);border-radius:8px}.primary:not(:disabled):hover{background:#3a2a3e}.under-input{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:-4px 0}.under-input button{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:8px 0;font-size:15px;color:var(--muted)}.under-input button:not(:disabled):hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.reader-buttons>button,.live-controls button,.request-details button,.reading-position button,.warning>button,.hw-cell-detail button{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;font-weight:500}:is(.reader-buttons>button,.live-controls button,.request-details button,.reading-position button,.warning>button,.hw-cell-detail button):not(:disabled):hover{background:var(--soft)}.analysis-tab>.jev-details{overflow:hidden}.analysis-tab>.jev-details[open]{max-height:460px;overflow-y:auto}.analysis-tab>.jev-details>summary{display:flex;align-items:center;gap:16px;min-height:60px;padding:14px 20px;position:sticky;top:0;z-index:1;background:var(--surface);cursor:pointer;list-style:none}.analysis-tab>.jev-details[open]>summary{border-bottom:1px solid var(--line)}.analysis-tab>.jev-details>summary::-webkit-details-marker{display:none}.analysis-tab>.jev-details>summary strong{font-size:19px;font-weight:600;letter-spacing:-.02em}.analysis-tab>.jev-details>summary>span{margin-left:auto;font:13px var(--mono);color:var(--muted)}.analysis-tab>.jev-details>summary svg{flex-shrink:0}.analysis-tab>.jev-details[open]>summary svg{transform:rotate(180deg)}.analysis-tab>.jev-details>summary:focus-visible{outline-offset:-4px}.analysis-tab>.jev-details>:not(summary){margin-left:20px;margin-right:20px}.analysis-tab>.jev-details>:last-child{margin-bottom:20px}.call-destination{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;color:var(--muted);margin:16px 0 8px;overflow-wrap:anywhere}.call-destination code,.call-destination span{font:13px var(--mono)}.jev-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:12px 0 20px}.jev-metrics>div{display:flex;flex-direction:column;gap:6px}.jev-metrics span{font:500 11px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.jev-metrics b{color:var(--ink);font-size:22px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.call-schema{display:flex;gap:16px;flex-wrap:wrap;margin:8px 0 16px;color:var(--muted);font:13px/1.5 var(--mono)}.classification-results{margin:16px 0;border-top:1px solid var(--line)}.classification-results>button{width:100%;min-height:60px;display:grid;grid-template-columns:minmax(0,1fr) 72px 96px;align-items:baseline;gap:16px;padding:14px 4px;border-bottom:1px solid var(--line);text-align:left}.classification-results>button:hover{background:var(--soft)}.classification-results>button>span{font-size:16px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.classification-results b{font:500 14px var(--mono);font-variant-numeric:tabular-nums}.classification-results small{font:12px var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.decision-trail{margin-top:16px}.trail-row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:14px 0;border-top:1px solid var(--line);font-size:14px}.trail-row p{margin:0;color:var(--ink);line-height:1.6}.trail-row>span{color:var(--muted);font:12px var(--mono);font-variant-numeric:tabular-nums}.transition{justify-self:start;padding:3px 8px;font:500 12px/1.3 var(--mono);letter-spacing:.05em;background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);border-radius:6px}.transition.interrupt{background:var(--accent);color:#fff;border-color:var(--accent)}.request-details{margin-top:16px;border-top:1px solid var(--line)}.request-details>summary{min-height:48px;padding:12px 0;cursor:pointer;font-size:15px}.request-details pre{font:13px/1.6 var(--mono);background:var(--ink);color:#f3e9f0;padding:18px;max-height:400px;overflow:auto;border-radius:8px}.analysis-tab>.source-panel{overflow:hidden}.analysis-tab>.source-panel>h2{padding:16px 20px;margin:0}.browser-frame{display:flex;flex-direction:column;background:#fff;overflow:hidden;border-top:1px solid var(--line)}.analysis-tab .browser-frame{height:clamp(320px,calc(100dvh - 520px),440px)}.browser-bar{display:flex;align-items:center;justify-content:space-between;flex:0 0 44px;min-width:0;gap:12px;padding:0 4px 0 16px;background:var(--paper);border-bottom:1px solid var(--line)}.browser-bar>span{display:flex;align-items:center;gap:8px;font:13px var(--mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-bar>button{display:grid;place-items:center;min-width:44px;min-height:40px;border-radius:6px}.browser-bar>button:not(:disabled):hover{background:var(--soft)}.browser-frame iframe{display:block;width:100%;min-height:0;flex:1;border:0;background:#fff}.empty-source{display:grid;place-content:center;gap:16px;flex:1;padding:24px;text-align:center;color:var(--muted)}.analysis-tab .demo-controls{margin:0;padding:0 20px 4px;border-top:1px solid var(--line);font-size:14px}.demo-controls>summary{cursor:pointer;min-height:44px;padding:10px 0;color:var(--muted)}.live-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding-bottom:12px}.read-tab>.output-section{padding:16px}.read-tab .output-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.read-tab .hardware-link{min-height:44px;display:inline-flex;align-items:center;padding:6px 0;font-size:14px;color:var(--muted)}.read-tab .hardware-link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.read-tab>.reading-panel{padding:20px}.read-tab .reading-panel>h2{margin-bottom:16px}.reading-picker{display:block;width:100%;min-height:48px;padding:10px 36px 10px 12px;margin-bottom:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;font-size:16px;text-overflow:ellipsis}.text-output{min-width:0;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:10px}#reading-output{display:block;width:100%;height:88px;min-height:88px;margin:0;padding:0;resize:vertical;font-size:24px;line-height:1.45;letter-spacing:-.02em;color:var(--ink);background:transparent;border:0}.reader-buttons{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:12px}.reader-buttons>span{font:13px var(--mono);color:var(--muted)}.reader-buttons>.listen{margin-left:auto;padding-inline:14px}.reading-position{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;font:13px var(--mono);color:var(--muted)}.reading-panel>.resume-button,.source-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:14px;padding:10px 16px;background:var(--accent);color:#fff;font-weight:600;border-radius:8px}.reading-panel>.resume-button:hover,.source-link:hover{background:var(--accent-hover)}.historical-note{font-size:14px;color:var(--muted);margin:12px 0 0}.error,.warning{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;margin:0 0 20px;font-size:16px;line-height:1.5;background:#fdf1f7;color:#6e0d3f;border:1px solid #efc7dd;border-radius:10px}.error button{min-width:44px;min-height:44px;display:grid;place-items:center;border-radius:6px}.error button:hover{background:#f9dfee}.warning{color:var(--ink);background:var(--surface);border-color:var(--line)}footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px 0 32px;margin-top:32px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}footer a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 0;color:var(--muted);text-decoration:none}footer a:hover{color:var(--ink);text-decoration:underline}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#1f142266}.modal{position:relative;width:100%;max-width:600px;max-height:min(90vh,800px);overflow-y:auto;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 48px #1f142229}.modal .close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:8px}.modal .close:hover{background:var(--soft)}.modal-icon{display:flex;align-items:center;color:var(--accent);margin-bottom:16px}.modal h2{font-size:24px;letter-spacing:-.03em;margin:0 40px 16px 0}.modal p,.modal li,.modal .note{color:var(--muted);font-size:16px;line-height:1.65}.modal ol{padding-left:24px}.modal li{padding-left:4px;margin-block:12px}.modal a{text-decoration:underline}.modal code{font:14px var(--mono);overflow-wrap:anywhere}.modal .note{padding:14px 16px;background:var(--paper);border-radius:8px}.compatible-devices{display:grid;margin:20px 0}.compatible-devices>a{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--line);text-decoration:none;color:var(--ink)}.compatible-devices>a:hover b{text-decoration:underline}.compatible-devices b{font-size:16px;font-weight:600}.compatible-devices span{font:13px var(--mono);color:var(--muted)}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{position:fixed;top:12px;left:12px;z-index:200;padding:12px 16px;background:var(--ink);color:var(--paper);border-radius:8px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hw-workspace{background:var(--surface);border-color:var(--line)}.hw-toolbar{border-bottom-color:var(--line)}.hw-model-select select{color:var(--ink)}.hw-simulation{color:var(--muted);font-family:var(--mono)}.hw-stage{background:radial-gradient(ellipse at 50% 85%,#f3dcea 0,transparent 60%),var(--paper)}.hw-scroll{scrollbar-color:#b98aab transparent}.extension-app .hero{min-height:150px;margin-top:16px}.extension-app .page-title{font-size:32px}@media(max-width:1040px){.tab-workspace{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.analysis-tab .browser-frame{height:380px}}@media(max-width:720px){.header,main{padding-inline:16px}.header{min-height:64px;gap:12px}.wordmark{font-size:27px}.header>.extension-button{padding-inline:8px}.hero{min-height:220px;margin:20px 0}.hero-copy{margin:12px;padding:14px 16px;max-width:calc(100% - 24px)}.motion-toggle{top:10px;right:10px}.input-panel{padding:8px 16px}.input-line,.task-line{flex-wrap:wrap;gap:4px 12px;padding-block:12px}.input-line label,.task-line label,.input-line input,.task-line input{flex-basis:100%}.input-line:has(>button) input{flex:1 1 0}.task-line .primary{width:100%;margin-top:8px}.under-input{gap:16px}.analysis-tab>.jev-details>summary{padding-inline:16px;gap:12px}.analysis-tab>.jev-details>:not(summary){margin-inline:16px}.jev-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.classification-results>button{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}.classification-results>button>span{grid-column:1/-1}.classification-results b{grid-row:2}.classification-results small{grid-row:2;text-align:right}.trail-row{grid-template-columns:1fr auto;gap:8px 16px}.trail-row p{grid-column:1/-1;grid-row:2}.analysis-tab>.source-panel>h2{padding-inline:16px}.analysis-tab .demo-controls{padding-inline:16px}.read-tab>.output-section{padding:12px}.read-tab>.reading-panel{padding:16px}.read-tab .output-heading{flex-wrap:wrap;gap:0 12px}.read-tab .text-output{padding:14px}.read-tab #reading-output{height:104px;min-height:104px}.modal-backdrop{padding:16px}.modal{padding:24px;max-height:90dvh}footer{align-items:flex-start;gap:8px}}@media(max-width:820px){.tab-workspace{grid-template-columns:minmax(0,1fr);gap:20px}.workspace-tabs{margin-bottom:20px;gap:24px}.analysis-tab .browser-frame{height:380px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.hero-copy{max-width:min(920px,calc(100% - 32px))}.hero .page-heading{margin:0}.alert-demo-button{background:var(--surface)}.alert-demo-button:not(:disabled):hover{background:var(--soft)}.change-source{background:var(--soft)}.change-source-alert{background:#fdf1f7;color:#6e0d3f;border-color:#efc7dd}.change-source-alert span{color:#6e0d3f}.change-decision-alert strong{color:var(--accent)}