.ocr-in{gap:var(--sp-32)}.ocr-step{gap:var(--sp-16);border:0;min-width:0;margin:0;padding:0;display:grid}.ocr-step legend{align-items:center;gap:var(--sp-8);margin-bottom:var(--sp-12);font-weight:800;font-size:var(--fs-l);display:flex}.ocr-step legend .mono{background:var(--ink);width:28px;height:28px;color:var(--paper);font-size:var(--fs-xs);border-radius:50%;place-items:center;display:grid}.ocr-samples{gap:var(--sp-8);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ocr-sample{gap:var(--sp-12);width:100%;padding:var(--sp-8);font:inherit;text-align:left;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--r-s);cursor:pointer;transition:border-color var(--dur-color);grid-template-columns:52px minmax(0,1fr);align-items:center;display:grid}.ocr-sample img{object-fit:cover;object-position:top;border:1px solid var(--line-soft);border-radius:3px;width:52px;height:68px}.ocr-sample b{font-size:var(--fs-s);line-height:1.4;display:block}.ocr-sample small{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.5;display:block}.ocr-sample[aria-pressed=true]{border-color:var(--cyan-deep);box-shadow:0 0 0 1px var(--cyan-deep)}.ocr-drop{align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);border:1px dashed var(--line);border-radius:var(--r-s);cursor:pointer;font-size:var(--fs-s);font-weight:700;display:flex;position:relative}.ocr-drop input{opacity:0;cursor:pointer;position:absolute;inset:0}.ocr-drop small{font-weight:500;font-size:var(--fs-xs);color:var(--ink-3);display:block}.ocr-drop:focus-within{outline:2px solid var(--cyan-deep);outline-offset:2px}.ocr-engine{border:1px solid var(--line-soft);border-radius:var(--r-s);background:var(--paper)}.ocr-engine summary{justify-content:space-between;align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);cursor:pointer;list-style:none;display:flex}.ocr-engine summary::-webkit-details-marker{display:none}.ocr-engine summary:after{content:"";border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);width:8px;height:8px;margin-left:var(--sp-8);transition:transform .3s var(--ease);transform:rotate(45deg)}.ocr-engine[open] summary:after{transform:rotate(-135deg)}.ocr-engine summary small{color:var(--ink-3);font-size:var(--fs-xs);margin-left:auto}.ocr-check{align-items:center;gap:var(--sp-8);font-weight:800;display:inline-flex}.ocr-check input{width:18px;height:18px;accent-color:var(--cyan-deep)}.ocr-knobs{gap:var(--sp-16);padding:0 var(--sp-16) var(--sp-16);display:grid}.ocr-knob{gap:var(--sp-4);padding-top:var(--sp-12);border-top:1px solid var(--line-soft);display:grid}.ocr-knob-head{justify-content:space-between;align-items:baseline;gap:var(--sp-8);font-size:var(--fs-s);font-weight:700;display:flex}.ocr-knob-head output{color:var(--cyan-deep);font-size:var(--fs-s)}.ocr-knob input[type=range]{width:100%;accent-color:var(--cyan-deep)}.ocr-knob select{font:inherit;font-size:var(--fs-s);padding:var(--sp-8);border:1px solid var(--line);border-radius:var(--r-s);background:var(--sheet);color:var(--ink)}.ocr-origin{color:var(--cyan-deep);display:block}.ocr-toggle{align-items:center;gap:var(--sp-8);font-size:var(--fs-s);display:inline-flex}.ocr-toggle input{width:18px;height:18px;accent-color:var(--cyan-deep)}@media (pointer:coarse){.ocr-check,.ocr-toggle{min-height:44px}.ocr-check input,.ocr-toggle input{width:22px;height:22px}.ocr-knob input[type=range]{height:44px}.ocr-knob select{min-height:44px;font-size:16px}}.ocr-knobs .tl-mini{justify-self:start}.ocr-run{justify-content:center;justify-self:stretch}.ocr-out{gap:var(--sp-24);grid-column:6/span 7;min-width:0;display:grid}.ocr-h{margin:0 0 var(--sp-12);font-size:var(--fs-l);font-weight:800}.ocr-dot{background:var(--c);width:10px;height:10px;margin-right:var(--sp-8);border-radius:50%;display:inline-block}.ocr-table-wrap,.ocr-lines-wrap{position:relative;overflow-x:auto}.ocr-table{border-collapse:collapse;width:100%;font-size:var(--fs-s)}.ocr-table th,.ocr-table td{padding:var(--sp-12) var(--sp-8);border-bottom:1px solid var(--line);text-align:left;vertical-align:top;line-height:1.7}.ocr-table thead th{font-size:var(--fs-xs);color:var(--ink-3);border-bottom-color:var(--ink);white-space:nowrap}.ocr-table tbody td{font-variant-numeric:tabular-nums}.ocr-tabs{gap:var(--sp-8);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.ocr-tabs button{font:inherit;font-size:var(--fs-s);padding:var(--sp-8) var(--sp-16);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;font-weight:700}.ocr-tabs button[aria-selected=true]{color:var(--ink);border-bottom-color:var(--c)}.ocr-panel{gap:var(--sp-24);display:grid}.ocr-view{gap:var(--sp-8);display:grid}.ocr-view canvas{border:1px solid var(--line-soft);border-radius:var(--r-s);background:var(--paper);width:100%}.ocr-time{font-size:var(--fs-xs);flex-wrap:wrap;gap:2px;display:flex}.ocr-time span{min-width:104px;padding:var(--sp-8);background:var(--paper-2);border-radius:var(--r-s);flex:1 1 0;display:grid}.ocr-time b{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.ocr-stats{gap:var(--sp-8) var(--sp-24);flex-wrap:wrap;margin:0;display:flex}.ocr-stats dt{font-size:var(--fs-xs);color:var(--ink-3)}.ocr-stats dd{margin:0;font-weight:800}.ocr-lines{border-collapse:collapse;width:100%;font-size:var(--fs-s)}.ocr-lines th,.ocr-lines td{padding:var(--sp-8);border-bottom:1px solid var(--line-soft);text-align:left;vertical-align:top}.ocr-lines thead th{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap}.ocr-lines td.t{min-width:12em;line-height:1.7}.ocr-lines td.n{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap}.ocr-lines tr:hover td{background:var(--paper-2)}.ocr-lines-wrap{max-height:420px;overflow-y:auto}.ocr-full summary{cursor:pointer;font-weight:700;font-size:var(--fs-s)}.ocr-full pre{margin:var(--sp-12) 0;padding:var(--sp-16);background:var(--paper);border:1px solid var(--line-soft);border-radius:var(--r-s);white-space:pre-wrap;font:400 var(--fs-s)/1.8 var(--font-ja,inherit)}.ocr-engines{margin:var(--sp-48) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:0;list-style:none;display:grid}.ocr-engines li{align-content:start;gap:var(--sp-8);padding:var(--sp-24);background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--r-m);display:grid}@media (pointer:coarse){.ocr-engines a{justify-self:start;margin-block:-11px;padding-block:11px}}.ocr-engines b{font-size:var(--fs-l);font-weight:800}.ocr-engines small{font-size:var(--fs-xs);color:var(--ink-3)}.ocr-engines p{font-size:var(--fs-s);color:var(--ink-2);margin:0;line-height:1.8}.ocr-engines p span{margin-right:var(--sp-8);font-size:var(--fs-xs);color:var(--ink);font-weight:700}.ocr-engines a{font-size:var(--fs-xs);color:var(--ink-2)}.ocr-licenses{gap:var(--sp-12);color:var(--ink-2);margin:0;padding-left:1.2em;line-height:1.8;display:grid}.ocr-licenses a{margin-left:var(--sp-8);color:var(--ink-2)}@media (width<=1023px){.ocr-out{grid-column:1/-1}.ocr-engines{grid-template-columns:minmax(0,1fr)}}@media (width<=719px){.ocr-samples{grid-template-columns:minmax(0,1fr)}}.ocr-panel[hidden],.ocr-tabs[hidden],.ocr-compare[hidden],.ocr-note[hidden]{display:none}.ocr-drop{transition:border-color var(--dur-color),background-color var(--dur-color)}.ocr-drop.is-over{border-style:solid;border-color:var(--cyan-deep);background:color-mix(in srgb,var(--cyan) 8%,transparent)}.ocr-drop.is-picked{border-style:solid;border-color:var(--cyan-deep);box-shadow:0 0 0 1px var(--cyan-deep)}.ocr-drop small{word-break:break-all}.ocr-run{position:relative}.ocr-spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite ocr-spin;display:none}.ocr-run[data-state=busy]{cursor:progress;opacity:.85}.ocr-run[data-state=busy] .ocr-spin{display:inline-block}.ocr-run[data-state=busy] .ocr-play{display:none}@keyframes ocr-spin{to{transform:rotate(360deg)}}.ocr-note{padding:var(--sp-8) var(--sp-12);background:var(--paper);font-size:var(--fs-s);color:var(--ink-2);border-left:2px solid #c2410c;margin:0}.ocr-picked{gap:var(--sp-12);margin:0;display:grid}.ocr-picked figcaption{align-items:baseline;gap:var(--sp-4) var(--sp-12);flex-wrap:wrap;display:flex}.ocr-picked figcaption b{font-size:var(--fs-l);font-weight:800}.ocr-picked figcaption .mono{font-size:var(--fs-xs);color:var(--ink-3)}.ocr-picked figcaption small{font-size:var(--fs-xs);color:var(--cyan-deep);flex-basis:100%}.ocr-picked canvas{object-fit:contain;max-height:70vh}.ocr-progress{gap:var(--sp-8);margin:0;padding:0;list-style:none;display:grid}.ocr-progress:empty{display:none}.ocr-prog{align-items:center;gap:var(--sp-12);padding:var(--sp-12) var(--sp-16);border:1px solid var(--line-soft);border-left:3px solid var(--c);border-radius:var(--r-s);background:var(--paper);font-size:var(--fs-s);grid-template-columns:22px auto minmax(0,1fr);display:grid}.ocr-prog b{font-weight:800}.ocr-prog-msg{text-align:right;color:var(--ink-2);justify-self:end}.ocr-prog-ic{border-radius:50%;place-items:center;width:18px;height:18px;display:grid}.ocr-prog.is-wait .ocr-prog-ic{border:2px solid var(--line)}.ocr-prog.is-run .ocr-prog-ic{border:2px solid var(--c);border-right-color:#0000;animation:.8s linear infinite ocr-spin}.ocr-prog.is-done .ocr-prog-ic{background:var(--c)}.ocr-prog.is-done .ocr-prog-ic:after{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:8px;height:4px;transform:translateY(-1px)rotate(-45deg)}.ocr-prog.is-err{border-left-color:#c2410c}.ocr-prog.is-err .ocr-prog-ic{background:#c2410c}.ocr-prog.is-err .ocr-prog-ic:after{content:"×";color:#fff;font-size:13px;font-weight:800;line-height:1}.ocr-prog.is-err .ocr-prog-msg{color:#c2410c}@media (prefers-reduced-motion:reduce){.ocr-spin,.ocr-prog.is-run .ocr-prog-ic{animation-duration:2.4s}}.ocr-out.has-results .ocr-picked .ocr-view{display:none}.ocr-hero-engines{margin:var(--sp-24) 0 0;gap:var(--sp-8) var(--sp-24);flex-wrap:wrap;padding:0;list-style:none;display:flex}.ocr-hero-engines li{align-items:baseline;gap:var(--sp-8);font-size:var(--fs-m);display:flex}.ocr-hero-engines .ocr-dot{align-self:center;margin-right:0}.ocr-hero-engines b{font-weight:800}.ocr-hero-engines small{font-size:var(--fs-xs);color:var(--ink-3)}.ocr-safe{gap:var(--sp-8) var(--sp-12);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.ocr-safe li{align-items:center;gap:var(--sp-8);font-size:var(--fs-xs);color:var(--ink-2);font-weight:700;line-height:1.5;display:flex}.ocr-safe .ti{color:var(--ink);flex:none}.ocr-ex{margin:0 0 var(--sp-48);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.ocr-ex-fig{padding:var(--sp-24);background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--r-m);align-content:start;gap:var(--sp-16);min-width:0;margin:0;display:grid}.ocr-ex-fig figcaption{align-items:baseline;gap:var(--sp-4) var(--sp-12);flex-wrap:wrap;display:flex}.ocr-ex-fig figcaption b{font-size:var(--fs-l);font-weight:800}.ocr-ex-fig figcaption small{font-size:var(--fs-s);color:var(--ink-2);flex-basis:100%}.ocr-ex-tag{min-width:2em;padding:0 var(--sp-8);border:1px solid var(--ink);font-size:var(--fs-xs);border-radius:4px;place-items:center;font-weight:800;line-height:1.7;display:inline-grid}.ocr-ex-body{gap:var(--sp-16);display:grid}.ocr-cells{--cw:40px;grid-template-columns:4.5em calc(var(--cw) * 6);align-items:center;gap:var(--sp-4) var(--sp-8);justify-content:start;display:grid}.ocr-cells-h{font-size:var(--fs-xs);color:var(--ink-3);font-weight:700}.ocr-cells-row{display:flex}.ocr-cell{width:var(--cw,40px);height:var(--cw,40px);border:1px solid var(--line);font-size:var(--fs-l);background:var(--paper);place-items:center;margin-left:-1px;font-weight:700;display:grid}.ocr-cells-row .ocr-cell:first-child{margin-left:0}.ocr-cell.is-hit{border:2px solid var(--ink);z-index:1;position:relative}.ocr-cell.is-sub,.ocr-cell.is-ins{background:var(--ink);color:var(--paper);border-color:var(--ink);z-index:1;position:relative}.ocr-cell.is-del{border:1.5px dashed var(--ink);z-index:1;background:0 0;position:relative}.ocr-calc{align-items:baseline;gap:var(--sp-8);font-size:var(--fs-s);color:var(--ink-2);flex-wrap:wrap;margin:0;display:flex}.ocr-calc b{color:var(--ink);font-size:var(--fs-l);font-weight:800}.ocr-calc .ocr-calc-ans{font-family:var(--mono);font-size:var(--fs-xl);color:var(--ink)}.ocr-kinds{padding:var(--sp-16) 0 0;border-top:1px solid var(--line-soft);gap:var(--sp-12);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;list-style:none;display:grid}.ocr-kinds li{justify-items:start;gap:var(--sp-4);display:grid}.ocr-kinds-t{font-size:var(--fs-s);font-weight:800}.ocr-kinds small{font-size:var(--fs-xs);color:var(--ink-3)}.ocr-cells-row.is-sm{--cw:26px}.ocr-cells-row.is-sm .ocr-cell{font-size:var(--fs-s)}.ocr-ex-note{font-size:var(--fs-xs);color:var(--ink-3);margin:0;line-height:1.8}.ocr-swap{width:calc(var(--cw) * 6);height:40px;display:block;overflow:visible}.ocr-swap path{fill:none;stroke:var(--ink-2);stroke-width:1.2px;vector-effect:non-scaling-stroke}.ocr-swap .is-br{stroke:var(--ink-3)}.ocr-meter{gap:var(--sp-12);margin:0;display:grid}.ocr-meter>div{gap:var(--sp-4);display:grid}.ocr-meter dt{font-size:var(--fs-s);font-weight:800}.ocr-meter dd{align-items:center;gap:var(--sp-4) var(--sp-12);grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.ocr-meter dd b{font-family:var(--mono);font-size:var(--fs-l);font-weight:700}.ocr-meter dd small{font-size:var(--fs-xs);color:var(--ink-3);grid-column:1/-1}.ocr-meter-bar{background:var(--paper-2);border-radius:2px;height:10px;position:relative;overflow:hidden}.ocr-meter-bar:after{content:"";background:var(--ink);transform-origin:0;transform:scaleX(var(--v));position:absolute;inset:0}.ocr-bench{margin:0 0 var(--sp-48);padding:var(--sp-32);background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--r-m);gap:var(--sp-24);display:grid}.ocr-bench-cap{gap:var(--sp-4);display:grid}.ocr-bench-cap b{font-size:var(--fs-xl);font-weight:800}.ocr-bench-cap small{font-size:var(--fs-s);color:var(--ink-2);line-height:1.8}.ocr-legend{gap:var(--sp-8) var(--sp-24);font-size:var(--fs-s);flex-wrap:wrap;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.ocr-legend li{align-items:center;gap:var(--sp-4);display:flex}.ocr-legend .ocr-dot{margin-right:var(--sp-4)}.ocr-sm{gap:var(--sp-32) 48px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ocr-sm-cell{gap:var(--sp-12);min-width:0;display:grid}.ocr-sm-cell h3{align-items:center;gap:var(--sp-12);font-size:var(--fs-m);margin:0;font-weight:800;line-height:1.4;display:flex}.ocr-sm-cell h3 img{object-fit:cover;object-position:top;border:1px solid var(--line);border-radius:2px;flex:none;width:30px;height:40px}.ocr-sm-cell h3 small{font-size:var(--fs-xs);color:var(--ink-3);font-weight:500;display:block}.ocr-sm-cell ul{gap:var(--sp-8);margin:0;padding:0;list-style:none;display:grid}.ocr-sm-cell li{align-items:center;gap:var(--sp-12);font-size:var(--fs-s);grid-template-columns:7.5em minmax(0,1fr) 5.5em;display:grid}.ocr-sm-name{white-space:nowrap;font-weight:700}.ocr-sm-track{border-left:1px solid var(--ink-3);background:repeating-linear-gradient(90deg,transparent 0 calc(100% * 10 / var(--max) - 1px),var(--line-soft) calc(100% * 10 / var(--max) - 1px) calc(100% * 10 / var(--max)));height:16px;position:relative}.ocr-sm-bar{width:max(2px,calc(100% * var(--v) / var(--max)));background:var(--c);transform-origin:0;transition:transform .9s var(--ease) calc(.2s + var(--k,0) * 60ms);position:absolute;top:2px;bottom:2px;left:0;transform:scaleX(0)}.ocr-bench.in .ocr-sm-bar,html:not(.js) .ocr-sm-bar{transform:none}.ocr-sm-val{align-items:center;gap:var(--sp-4);font-size:var(--fs-s);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;display:flex}.ocr-sm-ok{color:var(--ink);display:inline-grid}.ocr-points-2{padding:var(--sp-16) 0 0;border-top:1px solid var(--line-soft);gap:var(--sp-12) 48px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;list-style:none;display:grid}.ocr-points-2 li{gap:var(--sp-12);font-size:var(--fs-s);color:var(--ink-2);align-items:flex-start;line-height:1.8;display:flex}.ocr-points-2 .ti{color:var(--ink);flex:none;margin-top:2px}.ocr-points-2 b{color:var(--ink)}.ocr-more{border-top:1px solid var(--line-soft)}.ocr-more summary{align-items:center;gap:var(--sp-12);cursor:pointer;min-height:44px;font-size:var(--fs-s);font-weight:700;list-style:none;display:flex}.ocr-more summary::-webkit-details-marker{display:none}.ocr-more summary:before{content:"";border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);width:8px;height:8px;transition:transform .3s var(--ease);flex:none;transform:translateY(-2px)rotate(45deg)}.ocr-more[open] summary:before{transform:translateY(2px)rotate(-135deg)}.ocr-more>*+*{margin-top:var(--sp-12)}.ocr-more h3{margin:var(--sp-24) 0 var(--sp-8);font-size:var(--fs-m);font-weight:800}.ocr-more p{margin:0 0 var(--sp-12);font-size:var(--fs-s);color:var(--ink-2);line-height:1.9}.ocr-term{font-size:var(--fs-s);color:var(--ink-2);margin:0;line-height:1.8}.ocr-term b{margin-right:var(--sp-12);color:var(--ink)}.ocr-how{margin:0 0 var(--sp-32);padding:var(--sp-32);background:var(--sheet);border:1px solid var(--line-soft);border-radius:var(--r-m)}.ocr-how-grid{grid-template-columns:minmax(0,1fr) 72px minmax(0,2.2fr) 72px minmax(0,1fr);align-items:start;display:grid}.how-node{justify-items:start;gap:var(--sp-4);padding:var(--sp-16);border:1px solid var(--ink);border-radius:var(--r-s);background:var(--paper);display:grid}.how-node b,.how-srv-h b{font-size:var(--fs-m);font-weight:800}.how-node small{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.6}.how-pipe{align-self:start;justify-items:center;height:1px;margin-top:44px;display:grid;position:relative}.how-pipe:before{content:"";background:var(--ink);transform-origin:0;height:1px;transition:transform .6s var(--ease) calc(.15s + var(--k,0) * .22s);position:absolute;top:0;left:0;right:6px;transform:scaleX(0)}.how-pipe:after{content:"";border:4px solid #0000;border-left:6px solid var(--ink);opacity:0;transition:opacity .2s calc(.75s + var(--k,0) * .22s);border-right:0;position:absolute;top:-4px;right:0}.how-pipe span{font-size:var(--fs-xs);color:var(--ink-2);white-space:nowrap;font-weight:700;position:absolute;bottom:6px}.ocr-how.in .how-pipe:before{transform:none}.ocr-how.in .how-pipe:after{opacity:1}.how-core{gap:40px;display:grid}.how-srv{gap:var(--sp-12);padding:var(--sp-16) var(--sp-24) var(--sp-24);border:2px solid var(--ink);border-radius:var(--r-s);background:var(--paper);display:grid}.how-srv-h{align-items:center;gap:var(--sp-8);margin:0;display:flex}.how-seq{align-items:center;gap:var(--sp-8) 22px;font-size:var(--fs-s);flex-wrap:wrap;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.how-seq li{padding:var(--sp-4) var(--sp-12);border:1px solid var(--line);border-left:3px solid var(--c);background:var(--sheet);border-radius:4px;align-items:center;display:flex;position:relative}.how-seq li+li:before{content:"";background:var(--ink-3);width:10px;height:1px;position:absolute;top:50%;left:-17px}.how-seq li+li:after{content:"";border:3px solid #0000;border-left:4px solid var(--ink-3);border-right:0;position:absolute;top:calc(50% - 3px);left:-9px}.how-seq .ocr-dot{display:none}.how-seq-h{margin:0 0 calc(var(--sp-8) * -1);font-size:var(--fs-xs);color:var(--ink-3);font-weight:700}.how-props{gap:var(--sp-8) var(--sp-24);font-size:var(--fs-s);flex-wrap:wrap;margin:0;padding:0;font-weight:700;list-style:none;display:flex}.how-props li{align-items:center;gap:var(--sp-8);display:flex}.how-side{gap:var(--sp-16);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.how-side li{align-content:start;gap:var(--sp-4);padding:var(--sp-12) var(--sp-16);border:1px solid var(--line);border-radius:var(--r-s);background:var(--paper);display:grid;position:relative}.how-side b{font-size:var(--fs-s);font-weight:800}.how-side small{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.6}.how-side .is-pre{border-style:dashed;border-color:var(--ink-2)}.how-side .is-no{background:var(--paper-2);border-color:#0000}.how-side .is-no b{color:var(--ink-2);text-decoration:line-through 1px}.how-side li:before{content:"";border-left:1px solid var(--ink-3);transform-origin:bottom;width:0;height:40px;transition:transform .45s var(--ease) calc(.15s + var(--k,0) * .22s);position:absolute;bottom:100%;left:50%;transform:scaleY(0)}.how-side .is-pre:before{border-left-style:dashed}.ocr-how.in .how-side li:before{transform:none}.how-x{background:var(--ink);width:16px;height:16px;color:var(--paper);z-index:1;opacity:0;transition:opacity .2s calc(.5s + var(--k,0) * .22s);border-radius:50%;place-items:center;margin-left:-8px;display:grid;position:absolute;bottom:calc(100% + 13px);left:50%}.ocr-how.in .how-x{opacity:1}html:not(.js) .how-pipe:before,html:not(.js) .how-side li:before{transform:none}html:not(.js) .how-pipe:after,html:not(.js) .how-x{opacity:1}@media (pointer:coarse){.ocr-licenses a{margin-block:-10px;padding-block:10px;display:inline-block}}@media (width<=1023px){.ocr-ex,.ocr-sm,.ocr-points-2,.ocr-how-grid{grid-template-columns:minmax(0,1fr)}.how-pipe{margin:0;justify-self:start;width:1px;height:48px;margin-left:32px}.how-pipe:before{transform-origin:top;width:1px;height:auto;inset:0 auto 6px 0;transform:scaleY(0)}.how-pipe:after{border:4px solid #0000;border-top:6px solid var(--ink);border-bottom:0;inset:auto auto 0 -4px}.how-pipe span{top:50%;bottom:auto;left:12px;transform:translateY(-50%)}.how-core{gap:var(--sp-16) 28px;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center}.how-side{gap:var(--sp-12);grid-template-columns:minmax(0,1fr)}.how-side li:before{border-left:0;border-top:1px solid var(--ink-3);transform-origin:100%;width:28px;height:0;inset:50% 100% auto auto;transform:scaleX(0)}.how-side .is-pre:before{border-top-style:dashed}.how-x{margin:-8px 0 0;inset:50% calc(100% + 6px) auto auto}.how-seq{flex-direction:column;align-items:stretch;gap:14px}.how-seq li+li:before{width:1px;height:8px;top:-12px;left:50%}.how-seq li+li:after{border:3px solid #0000;border-top:4px solid var(--ink-3);border-bottom:0;top:-6px;left:calc(50% - 3px)}.how-props{flex-direction:column}}@media (width<=719px){.ocr-ex-fig,.ocr-bench,.ocr-how{padding:var(--sp-16)}.ocr-cells{--cw:34px;grid-template-columns:4em calc(var(--cw) * 6)}.ocr-cell{font-size:var(--fs-m)}.ocr-cells-row.is-sm{--cw:22px}.ocr-kinds{gap:var(--sp-8)}.ocr-sm-cell li{gap:var(--sp-8);font-size:var(--fs-xs);grid-template-columns:6.5em minmax(0,1fr) 4.8em}.ocr-sm-val{font-size:var(--fs-xs)}.ocr-safe{grid-template-columns:minmax(0,1fr)}.how-srv{padding:var(--sp-12)}.how-core{gap:var(--sp-12) 24px}.how-side li{padding:var(--sp-8) var(--sp-12)}.how-side li:before{width:24px}}@media (prefers-reduced-motion:reduce){.ocr-sm-bar,.how-pipe:before,.how-side li:before{transform:none}.how-pipe:after,.how-x{opacity:1}}