:root{--paper:#eceff3;--sheet:#fff;--ink:#1c2541;--ink-soft:#4a5572;--rule:#cfd5de;--marker:#f2b705;--fault:#c93c3c;--pass:#2e7d5b;--emboss:0 1px 0 #fff, 0 -1px 0 #1c25412e;--radius-s:6px;--radius-l:14px;--font:"Atkinson Hyperlegible", "Atkinson Hyperlegible Next", system-ui, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font:17px/1.55 var(--font);margin:0}h1,h2,h3{margin:0;line-height:1.2}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--marker);outline-offset:2px}.top{grid-template-columns:auto 1fr;align-items:end;gap:12px 48px;max-width:1320px;margin:0 auto;padding:36px 24px 20px;display:grid}.brand{flex-direction:column;gap:2px;display:flex}.brand h1{letter-spacing:-.01em;font-size:46px;font-weight:700}.brand-braille{letter-spacing:.06em;color:var(--ink);text-shadow:0 1.5px #ffffffe6,0 -1px 1px #1c254159;font-size:34px;line-height:1}.lede{max-width:62ch;color:var(--ink-soft);margin:0;font-size:18px}.layout{grid-template-columns:320px 1fr;align-items:start;gap:28px;max-width:1320px;margin:0 auto;padding:8px 24px 40px;display:grid}.input{flex-direction:column;gap:26px;display:flex;position:sticky;top:16px}.input h2,.results h2{color:var(--ink-soft);margin-bottom:10px;font-size:15px;font-weight:700}.drop{text-align:center;border:2px dashed var(--rule);border-radius:var(--radius-l);background:var(--sheet);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:26px 18px;transition:border-color .15s,background .15s;display:flex}.drop:hover,.drop.over{border-color:var(--ink);background:#fbfcfd}.drop strong{font-size:18px}.drop span:last-child{color:var(--ink-soft);font-size:15px}.drop-dots{letter-spacing:.08em;color:var(--ink-soft);font-size:28px}.sample-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.sample{background:var(--sheet);border:1px solid var(--rule);border-radius:var(--radius-s);cursor:pointer;text-align:left;flex-direction:column;gap:6px;padding:6px;font-size:14px;display:flex}.sample img{aspect-ratio:4/3;object-fit:contain;background:#fff;border-radius:3px;width:100%}.sample:hover{border-color:var(--ink)}.sample[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.steps ol{counter-reset:s;flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.steps li{counter-increment:s;border-top:1px solid var(--rule);grid-template-columns:28px 1fr auto;gap:0 10px;padding:8px 0;display:grid}.steps li:before{content:counter(s);border:1.5px solid var(--rule);width:24px;height:24px;color:var(--ink-soft);border-radius:50%;grid-row:span 2;place-items:center;font-size:13px;font-weight:700;display:grid}.steps li b{font-size:16px}.steps li span{color:var(--ink-soft);grid-column:2;font-size:14px;line-height:1.4}.steps li em{color:var(--ink-soft);grid-area:1/3;font-size:13px;font-style:normal}.steps li.active:before{border-color:var(--marker);background:var(--marker);color:var(--ink);animation:1s ease-in-out infinite pulse}.steps li.done:before{content:"✓";border-color:var(--ink);background:var(--ink);color:#fff}@keyframes pulse{50%{transform:scale(1.12)}}.stage{min-width:0}.tabs{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:12px;display:flex}.tabs button{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;border-radius:999px;padding:8px 14px;font-weight:700}.tabs button[aria-selected=true]{background:var(--ink);color:#fff}.toggle{color:var(--ink-soft);cursor:pointer;align-items:center;gap:8px;margin-left:auto;font-size:15px;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--ink)}.sheet{aspect-ratio:297/210;background:var(--sheet);border-radius:4px;position:relative;overflow:hidden;box-shadow:0 1px 2px #1c25411f,0 12px 32px -12px #1c254147}.sheet svg{width:100%;height:100%;display:block}.sheet.ink-off .ink{display:none}.sheet .marker{fill:none;stroke:var(--fault);stroke-width:.9px}.sheet .marker.fixed{stroke:var(--pass);stroke-dasharray:2 1.4}.sheet .marker.on{stroke-width:1.8px}.empty{text-align:center;color:var(--ink-soft);place-content:center;padding:24px;display:grid;position:absolute;inset:0}.empty p{max-width:42ch;margin:0 auto}.empty-braille{letter-spacing:.08em;color:var(--rule);font-size:40px;margin-bottom:12px!important}.sheet.busy:after{content:"";background:linear-gradient(100deg,#0000 30%,#f2b7052e 50%,#0000 70%) 0 0/250% 100%;animation:1.4s linear infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{background-position:120% 0}to{background-position:-120% 0}}.relief{aspect-ratio:297/210;background:#dfe3e9;border-radius:4px;position:relative;overflow:hidden}.relief canvas{display:block;width:100%!important;height:100%!important}.relief-hint{color:var(--ink-soft);pointer-events:none;margin:0;font-size:13px;position:absolute;bottom:8px;left:12px}.read-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.read-grid figure{background:var(--sheet);border-radius:var(--radius-s);margin:0;padding:8px}.read-grid img{width:100%;display:block}.read-grid figcaption{color:var(--ink-soft);padding-top:6px;font-size:14px}.read-lists{grid-template-columns:1fr 1fr;gap:24px;margin-top:18px;display:grid}.read-lists h3{margin-bottom:6px;font-size:16px}.read-lists ul{margin:0;padding-left:18px}.read-lists li{margin-bottom:6px}.read-lists li small{color:var(--ink-soft);display:block}.results{grid-template-columns:1.15fr 1fr;gap:28px;margin-top:24px;display:grid}.score{align-items:center;gap:18px;margin-bottom:12px;display:flex}.score .num{font-size:44px;font-weight:700;line-height:1;display:block}.score .cap{color:var(--ink-soft);font-size:14px}.score .arrow{background:var(--ink);width:40px;height:2px;position:relative}.score .arrow:after{content:"";border:5px solid #0000;border-left:8px solid var(--ink);border-right:0;position:absolute;top:-4px;right:-1px}.issues{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.issues li{background:var(--sheet);border-radius:var(--radius-s);border-left:4px solid var(--fault);cursor:default;padding:9px 12px;font-size:15px}.issues li[data-at]{cursor:pointer}.issues li.fixed{border-left-color:var(--pass)}.issues li.warning{border-left-color:var(--marker)}.issues li small{color:var(--ink-soft);display:block}.issues li.none{border-left-color:var(--pass)}.keybox ul{margin:0 0 22px;padding:0;list-style:none}.keybox li{border-bottom:1px solid var(--rule);grid-template-columns:34px 1fr;gap:2px 12px;padding:7px 0;display:grid}.keybox li .k{grid-row:span 2;font-size:18px;font-weight:700}.keybox li .b{letter-spacing:.08em;font-size:22px;line-height:1.1}.keybox li small{color:var(--ink-soft)}.downloads{flex-direction:column;gap:8px;display:flex}.btn{border-radius:var(--radius-s);border:1.5px solid var(--ink);color:var(--ink);text-align:center;padding:11px 14px;font-weight:700;text-decoration:none;display:block}.btn.primary{background:var(--ink);color:#fff}.btn.ghost{border-color:var(--rule);font-weight:400}.btn:hover{filter:brightness(1.08)}.meta{color:var(--ink-soft);margin-top:12px;font-size:13px}.error{border-radius:var(--radius-s);color:#7a1f1f;background:#fbeaea;margin-top:16px;padding:12px 14px}.foot{max-width:1320px;color:var(--ink-soft);margin:0 auto;padding:0 24px 40px;font-size:14px}.foot p{max-width:90ch;margin:0}@media (max-width:960px){.top,.layout{grid-template-columns:1fr}.input{position:static}.results{grid-template-columns:1fr}}@media (max-width:560px){.top,.layout,.foot{padding-left:16px;padding-right:16px}.brand h1{font-size:36px}.read-grid,.read-lists{grid-template-columns:1fr}.toggle{margin-left:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.svg-host,.svg-host svg{width:100%;height:100%;display:block}.markers{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.score .num.after{color:var(--pass)}.sample:disabled{opacity:.6;cursor:wait}.hint{color:var(--ink-soft);margin:0 0 8px;font-size:14px}.parts{list-style:none;padding:0!important}.parts li{margin-bottom:8px}.parts label{cursor:pointer;grid-template-columns:22px 1fr;align-items:start;gap:8px;display:grid}.parts input{width:18px;height:18px;accent-color:var(--ink);margin-top:3px}.parts .br{letter-spacing:.06em}.rebuild{cursor:pointer;width:auto;font:inherit;margin-top:8px;font-weight:700;display:inline-block}.rebuild:disabled{opacity:.45;cursor:not-allowed}.description{background:var(--sheet);border-radius:var(--radius-s);margin:0 0 8px;padding:10px 12px;font-size:15px;line-height:1.5}.keybox h2{margin-top:18px}.keybox h2:first-child{margin-top:0}.keybox>.btn.ghost{cursor:pointer;width:auto;font:inherit;background:0 0;display:inline-block}.tools{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.tools .toggle{margin-left:8px}.tool{border:1.5px solid var(--ink);background:var(--sheet);color:var(--ink);cursor:pointer;border-radius:999px;padding:7px 14px;font-weight:700}.tool.on{background:var(--marker);border-color:var(--marker)}.explore{touch-action:none;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.explore .hit{fill:#0000;stroke:#0000;stroke-width:1.2px;outline:none;transition:fill .12s}.explore g.hit{fill:none}.explore .hit-line{fill:none;stroke:#0000;stroke-width:7px;stroke-linecap:round}.explore .hit.on{fill:#f2b70547;stroke:#b88900}.explore g.hit.on .hit-line{stroke:#f2b7058c}.explore .hit:focus-visible{stroke:var(--ink);stroke-width:1.6px}.camera{background:var(--sheet);cursor:pointer;font:inherit;margin-top:-14px;font-weight:700}.ask{background:var(--sheet);border-radius:var(--radius-l);margin-top:22px;padding:18px 20px}.ask h2{color:var(--ink-soft);margin-bottom:6px;font-size:15px;font-weight:700}.ask-row{align-items:stretch;gap:8px;display:flex}.ask-row input{border:1.5px solid var(--rule);border-radius:var(--radius-s);min-width:0;font:inherit;background:#fff;flex:1;padding:10px 12px}.ask-row input:focus{border-color:var(--ink);outline:none}.ask-row .btn{cursor:pointer;width:auto;font:inherit;padding:10px 18px;font-weight:700}.ask-row .btn:disabled{opacity:.5;cursor:not-allowed}.mic{border:1.5px solid var(--ink);cursor:pointer;background:#fff;border-radius:50%;flex:none;place-items:center;width:46px;display:grid}.mic svg{width:22px;height:22px;fill:var(--ink)}.mic.on{background:var(--fault);border-color:var(--fault);animation:1s ease-in-out infinite pulse}.mic.on svg{fill:#fff}.examples{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.examples button{border:1px solid var(--rule);background:var(--paper);font:inherit;cursor:pointer;border-radius:999px;padding:5px 12px;font-size:14px}.examples button:hover{border-color:var(--ink)}.turns{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.turns li{border-top:1px solid var(--rule);padding-top:10px}.turns .q{margin:0;font-weight:700}.turns .a{margin:4px 0}.replay{color:var(--ink-soft);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;font-size:14px;text-decoration:underline}@media (max-width:960px){.tools{width:100%;margin-left:0}}.engine-note{max-width:1320px;color:var(--ink);border-radius:var(--radius-s);background:#fff6d6;margin:0 auto 12px;padding:10px 24px}.engine-note.down{color:#7a1f1f;background:#fbeaea}@media (min-width:1368px){.engine-note{padding:10px 16px}}