.model-flow-section{padding-block:70px;background:#f4f8fe;scroll-margin-top:100px}.model-flow-intro{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:30px}.model-flow-intro h2{font:700 42px/1.13 var(--body);letter-spacing:-1.2px;margin-top:14px}.model-flow-intro>p{font-size:16px;line-height:1.8;color:#5a728e;max-width:520px}.model-flow-figure{border:1px solid #cad9ed;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 20px 50px #103a7110}.model-flow-toolbar{padding:16px 22px;border-bottom:1px solid #dbe6f3;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fcfdff}.model-flow-toolbar>div{display:flex;gap:22px;flex-wrap:wrap}.model-flow-key{font-size:11px;color:#60768f;display:flex;align-items:center;gap:7px}.model-flow-key::before{content:'';width:7px;height:7px;border-radius:50%;background:#2c83d4}.model-flow-key-language::before{background:#9471cf}.model-flow-key-reader::before{background:#28a092}.model-flow-pause{border:1px solid #c5d7ed;border-radius:7px;background:#fff;color:#42678c;min-height:36px;padding:8px 12px;font-size:11px;white-space:nowrap}.model-flow-pause:hover{border-color:#377cc1;color:#0757ac}.model-flow-pause:disabled{cursor:default;color:#7c8da2}.model-flow-canvas{position:relative;width:100%;aspect-ratio:2/1;container-type:inline-size;isolation:isolate;background-color:#fbfdff;background-image:radial-gradient(#c2d4ea 1px,transparent 1px);background-size:18px 18px}.model-flow-connections{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;z-index:0}.model-flow-connections-mobile{display:none}.model-flow-edge{stroke:#5a9cd6;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.model-flow-edge-ocr-llm,.model-flow-edge-context-llm,.model-flow-edge-llm-reader{stroke:#a68acb}.model-flow-edge-patch-reader,.model-flow-edge-mask-inpaint{stroke:#529d9b}.model-flow-edge-original-reader{stroke:#a9bacb;stroke-width:1.5;stroke-dasharray:4 5}.model-flow-packet{stroke:#2484dc;stroke-width:5;stroke-linecap:round;stroke-dasharray:.1 99.9;stroke-dashoffset:100;vector-effect:non-scaling-stroke;animation:model-flow-packet-travel 7s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused;opacity:0}.model-flow-packet.model-flow-edge-original-reader{stroke:#7f99b3;stroke-dasharray:.1 99.9;stroke-width:4}.model-flow-packet.model-flow-edge-ocr-llm,.model-flow-packet.model-flow-edge-context-llm,.model-flow-packet.model-flow-edge-llm-reader{stroke:#8f62ca}.model-flow-packet.model-flow-edge-patch-reader,.model-flow-packet.model-flow-edge-mask-inpaint{stroke:#249d91}.model-flow-figure[data-playing=true] .model-flow-packet{animation-play-state:running}.model-flow-packet.model-flow-edge-detect-ocr,.model-flow-packet.model-flow-edge-detect-mask{animation-delay:1s}.model-flow-packet.model-flow-edge-ocr-llm,.model-flow-packet.model-flow-edge-mask-inpaint,.model-flow-packet.model-flow-edge-context-llm{animation-delay:2.2s}.model-flow-packet.model-flow-edge-llm-reader,.model-flow-packet.model-flow-edge-patch-reader{animation-delay:3.4s}.model-flow-packet.model-flow-edge-original-reader{animation-delay:.8s;animation-duration:10s}.model-flow-node{position:absolute;z-index:2;background:#fff;border:1px solid #bfd7ef;border-radius:10px;box-shadow:0 7px 16px #2b60991c;display:flex;flex-direction:column;align-items:center;padding:1.05cqw;color:#17466d;min-width:0;overflow:hidden}.model-flow-node h3{font:700 clamp(11px,1.17cqw,17px)/1.35 var(--body);letter-spacing:-.02em;color:inherit;margin:0}.model-flow-node-heading{display:flex;align-items:center;gap:.55cqw;width:100%}.model-flow-node-heading>span{display:grid;place-items:center;color:#357cb8;flex-shrink:0}.model-flow-node-heading svg{width:1.8cqw;height:1.8cqw}.model-flow-source{left:2.0833%;top:38.3333%;width:10.8333%;height:25%;padding:.9cqw}.model-flow-source h3{font-size:clamp(10px,1.08cqw,15px);white-space:nowrap}.model-flow-page-art{display:block;min-height:0;height:100%;width:auto;max-width:90%;margin-top:.65cqw}.model-flow-node-foot{font-size:clamp(8px,.71cqw,10px);color:#7f96af;margin-top:.3cqw;white-space:nowrap}.model-flow-detector{left:18.75%;top:41.6667%;width:12.5%;height:16.6667%}.model-flow-ocr{left:37.9167%;top:11.6667%;width:13.3333%;height:20.8333%}.model-flow-masks{left:37.9167%;top:60.8333%;width:13.3333%;height:19.1667%}.model-flow-llm{left:60.4167%;top:11.6667%;width:15%;height:25%;border-color:#d4c3ed;background:#fdfbff;color:#6d479b}.model-flow-llm .model-flow-node-heading>span{color:#9570c5}.model-flow-inpaint{left:60.4167%;top:60.8333%;width:15%;height:21.6667%;border-color:#b7d8d8;background:#fcffff;color:#2a7778}.model-flow-inpaint .model-flow-node-heading>span{color:#408e91}.model-flow-reader{left:86.25%;top:36.6667%;width:11.6667%;height:33.3333%;border-color:#a5d6cc;color:#297f71;padding:.9cqw;background:#f9fffd}.model-flow-reader h3{font-size:clamp(11px,1.12cqw,16px)}.model-flow-reader-art{min-height:0;display:block;height:100%;width:auto;max-width:88%;margin-top:.5cqw}.model-flow-reader-layers{display:flex;align-items:center;gap:.25cqw;margin-top:.45cqw;font-size:clamp(8px,.64cqw,10px);white-space:nowrap}.model-flow-reader-layers span{color:#508d80}.model-flow-reader-layers span:last-child{font-weight:700;background:#dff2ec;padding:.15cqw .3cqw;border-radius:3px}.model-flow-reader-layers i{font-style:normal;color:#84b3a8}.model-flow-model-name{font-size:clamp(9px,.68cqw,11px);line-height:1.45;color:#7d96af;white-space:nowrap;margin-top:auto;padding-top:.4cqw;max-width:100%}.model-flow-llm .model-flow-model-name{color:#9b80ba}.model-flow-inpaint .model-flow-model-name{color:#7ea6a4}.model-flow-detection-art{position:relative;flex:1;width:75%;min-height:0;margin-top:.6cqw;display:flex;align-items:center;justify-content:space-between;padding:.35cqw .5cqw;background:#edf4fc;border:1px solid #d8e5f3;border-radius:4px}.model-flow-detection-art i{height:60%;width:22%;border:1px solid #4c98db;background:#d4e9fc;border-radius:2px;position:relative}.model-flow-detection-art i:nth-child(2){height:75%;width:26%}.model-flow-detection-art i::after{content:'';position:absolute;left:15%;right:15%;height:1px;top:35%;background:#7aa5ce;box-shadow:0 3px 0 #7aa5ce}.model-flow-detection-art b{position:absolute;inset:2px;border:1px dashed #6ba5db;border-radius:3px;opacity:.4}.model-flow-ocr-sample{font:500 clamp(14px,1.65cqw,23px)/1.4 'Yu Gothic','Hiragino Sans',sans-serif;color:#305a80;background:#f0f6fd;border:1px solid #dce8f5;border-radius:5px;width:100%;display:flex;align-items:center;justify-content:center;flex:1;margin-top:.6cqw}.model-flow-mask-art{display:flex;align-items:center;justify-content:center;width:100%;flex:1;min-height:0;margin-top:.6cqw;position:relative;border-radius:4px;overflow:hidden;background-color:#eff4fa;background-image:linear-gradient(45deg,#d7e2ef 25%,transparent 25%),linear-gradient(-45deg,#d7e2ef 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d7e2ef 75%),linear-gradient(-45deg,transparent 75%,#d7e2ef 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.model-flow-mask-art>span{font:700 2.2cqw/1 serif;color:#0f3458;z-index:1;filter:drop-shadow(0 0 2px white)}.model-flow-mask-art>i{position:absolute;width:40%;height:75%;background:#1d58962a;border:1px solid #2e6ca8;border-radius:3px}.model-flow-language-art{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;flex:1;min-height:0;margin-top:.65cqw;background:#f4effc;border:1px solid #e9def5;border-radius:5px;gap:.2cqw}.model-flow-language-art>span{font:500 clamp(12px,1.15cqw,17px)/1.5 'Yu Gothic',sans-serif;color:#a28abb}.model-flow-language-art>i{font-size:.85cqw;font-style:normal;color:#a98acb;line-height:1}.model-flow-language-art strong{font:700 clamp(11px,1.1cqw,16px)/1.5 var(--body);color:#6a429c}.model-flow-inpaint-art{display:flex;align-items:center;justify-content:center;gap:.7cqw;width:100%;flex:1;min-height:0;margin-top:.6cqw}.model-flow-inpaint-art>span{width:35%;height:85%;border:1px solid #a7d3cf;border-radius:4px;background-color:#e3f3f0;background-image:repeating-linear-gradient(135deg,#a8d5cc 0px,#a8d5cc 1px,transparent 1px,transparent 5px);display:grid;place-items:center}.model-flow-before-patch{font:700 1.9cqw/1 serif;color:#254b48}.model-flow-inpaint-art>i{font-style:normal;font-size:1.1cqw;color:#529a91}.model-flow-after-patch{position:relative}.model-flow-after-patch::after{content:'';position:absolute;right:-1px;bottom:-1px;width:38%;height:32%;background-image:linear-gradient(45deg,#bdd7d1 25%,transparent 25%),linear-gradient(-45deg,#bdd7d1 25%,transparent 25%);background-size:6px 6px;background-color:white;border-radius:3px 0 3px 0}.model-flow-context{position:absolute;left:61.25%;top:1.6667%;width:12.9167%;height:6.6667%;display:flex;align-items:center;justify-content:center;gap:.45cqw;border:1px solid #d9c9ed;border-radius:6px;background:#f9f5ff;color:#a185bf;padding:.3cqw;z-index:3;font-size:clamp(9px,.68cqw,11px);line-height:1.5}.model-flow-context>span:first-child{font-size:1.5cqw;line-height:1;color:#a88dc4}.model-flow-edge-label{position:absolute;z-index:1;padding:.25cqw .5cqw;background:#fbfdfff2;border-radius:5px;font-size:clamp(9px,.72cqw,11px);line-height:1.5;white-space:nowrap;color:#6e8eaa}.model-flow-label-pixels{left:13.7%;top:44%}.model-flow-label-regions{left:31.5%;top:28%}.model-flow-label-ocr{left:51.7%;top:16.5%;color:#9275b1}.model-flow-label-mask{left:53%;top:66%;color:#4f8e91}.model-flow-label-translation{left:78%;top:33%;color:#9578b5}.model-flow-label-patch{left:78%;top:62%;color:#4a9392}.model-flow-label-original{left:39%;top:89.3%;color:#8c9fb3}.model-flow-figure>figcaption{font-size:11px;line-height:1.9;color:#778ca2;padding:19px 25px;border-top:1px solid #dce6f1;background:#fff}.model-flow-figure>figcaption strong{font-weight:700;color:#506f8e}
@keyframes model-flow-packet-travel{0%{stroke-dashoffset:100;opacity:0}5%{opacity:1}28%{stroke-dashoffset:0;opacity:1}32%,100%{stroke-dashoffset:0;opacity:0}}
@media(max-width:1200px){.model-flow-intro{gap:35px}.model-flow-intro h2{font-size:38px}.model-flow-intro>p{font-size:15px;max-width:450px}}
@media(max-width:900px){.model-flow-intro{display:block}.model-flow-intro>p{max-width:680px;margin-top:22px}.model-flow-canvas{aspect-ratio:360/900;max-width:480px;margin-inline:auto}.model-flow-connections-desktop{display:none}.model-flow-connections-mobile{display:block}.model-flow-node{padding:2.6cqw;border-radius:10px}.model-flow-node h3{font-size:clamp(12px,3.5cqw,17px);letter-spacing:-.04em}.model-flow-node-heading{gap:1.1cqw}.model-flow-node-heading svg{width:5.1cqw;height:5.1cqw}.model-flow-source{left:33.3333%;top:2.2222%;width:33.3333%;height:12.2222%;padding:2cqw}.model-flow-source h3{font-size:clamp(11px,3.2cqw,16px)}.model-flow-page-art{margin-top:1.1cqw;max-width:85%}.model-flow-node-foot{font-size:clamp(8px,2.05cqw,11px);margin-top:.6cqw}.model-flow-detector{left:30.5556%;top:20%;width:38.8889%;height:10%}.model-flow-ocr{left:5.5556%;top:36.1111%;width:38.8889%;height:12.2222%}.model-flow-masks{left:55.5556%;top:36.1111%;width:38.8889%;height:12.2222%}.model-flow-llm{left:5.5556%;top:59.4444%;width:38.8889%;height:14.4444%}.model-flow-inpaint{left:55.5556%;top:59.4444%;width:38.8889%;height:14.4444%}.model-flow-reader{left:30.5556%;top:80.5556%;width:38.8889%;height:16.1111%;padding:2.3cqw}.model-flow-reader h3{font-size:clamp(12px,3.4cqw,17px)}.model-flow-reader-art{margin-top:1cqw;max-width:85%}.model-flow-reader-layers{gap:.6cqw;font-size:clamp(9px,1.95cqw,11px);margin-top:1cqw}.model-flow-reader-layers span:last-child{padding:.3cqw .7cqw}.model-flow-model-name{font-size:clamp(9px,1.95cqw,11px);padding-top:1cqw}.model-flow-detection-art{margin-top:1.1cqw;padding:1cqw;width:80%}.model-flow-detection-art i::after{box-shadow:0 4px 0 #7aa5ce}.model-flow-ocr-sample{font-size:clamp(15px,5cqw,24px);margin-top:1.5cqw}.model-flow-mask-art{margin-top:1.2cqw}.model-flow-mask-art>span{font-size:6.4cqw}.model-flow-language-art{margin-top:1.4cqw;gap:.5cqw}.model-flow-language-art>span{font-size:clamp(11px,3.2cqw,16px)}.model-flow-language-art>i{font-size:clamp(9px,2.4cqw,13px)}.model-flow-language-art strong{font-size:clamp(11px,3.2cqw,16px)}.model-flow-inpaint-art{gap:1.6cqw;margin-top:1.4cqw}.model-flow-before-patch{font-size:5.4cqw}.model-flow-inpaint-art>i{font-size:3.3cqw}.model-flow-context{left:4.1667%;top:52.7778%;width:40.2778%;height:3.5556%;font-size:clamp(9px,1.95cqw,11px);padding:.9cqw;gap:1.4cqw}.model-flow-context>span:first-child{font-size:4.2cqw}.model-flow-edge-label{padding:.5cqw 1cqw;font-size:clamp(8px,2.2cqw,12px)}.model-flow-label-pixels{left:51%;top:17%}.model-flow-label-regions{left:27%;top:32.5%}.model-flow-label-ocr{left:39%;top:51%;transform:rotate(-90deg);transform-origin:center}.model-flow-label-mask{left:77%;top:52.6%}.model-flow-label-translation{left:20%;top:76.5%}.model-flow-label-patch{left:61%;top:76.5%}.model-flow-label-original{left:6%;top:96.8%}.model-flow-figure>figcaption{padding:18px 22px}.model-flow-figure{background-color:#fbfdff;background-image:radial-gradient(#c2d4ea 1px,transparent 1px);background-size:18px 18px}.model-flow-figure>figcaption{background:white}.model-flow-toolbar{background:#fcfdff}.model-flow-key{font-size:10px}}
@media(max-width:767px){.model-flow-section{padding-block:48px}.model-flow-intro h2{font-size:33px;letter-spacing:-.8px}.model-flow-intro>p{font-size:15px;margin-top:20px}.model-flow-figure{border-radius:12px}.model-flow-toolbar{padding:13px 15px;align-items:flex-start;gap:12px;flex-wrap:wrap}.model-flow-toolbar>div{gap:10px 14px}.model-flow-key{font-size:9px;gap:5px}.model-flow-key::before{width:6px;height:6px}.model-flow-pause{font-size:10px;padding:7px 10px;min-height:34px}.model-flow-figure>figcaption{font-size:10px;line-height:1.9;padding:16px 19px}.model-flow-edge{stroke-width:1.7}.model-flow-edge-original-reader{stroke-width:1.2}.model-flow-packet{stroke-width:4}.model-flow-packet.model-flow-edge-original-reader{stroke-width:3}}
@media(prefers-reduced-motion:reduce){.model-flow-packet{animation:none!important;opacity:0}.model-flow-figure *{transition:none!important}}