@font-face{font-family:sfPro;src:url(../media/SF_Pro-s.p.0imv8zpko_slk.ttf)format("truetype");font-display:swap}@font-face{font-family:sfPro Fallback;src:local(Arial);ascent-override:101.5%;descent-override:25.71%;line-gap-override:0.0%;size-adjust:93.8%}.sfpro_31fa3ec9-module__Z9q58G__className{font-family:sfPro,sfPro Fallback}.sfpro_31fa3ec9-module__Z9q58G__variable{--font-sf-pro:"sfPro", "sfPro Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#07080d;--accent:#f26322;--accent-dark:#d94d13;--accent-glow:#ffb72c;--accent-soft:#fff0df;--purple:#5b45db;--purple-soft:#ece8ff;--border:#e2e4ec;--panel:#fff;--muted:#737783;--soft-panel:#f8f9fd;background:#f4f5f8}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{min-height:100vh;font-family:var(--font-sf-pro), system-ui, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:geometricprecision}button,textarea{font:inherit}button{cursor:pointer}a{color:var(--purple);overflow-wrap:anywhere}.demo-page{background:radial-gradient(circle at 8% 4%,#ffb72c2e,#0000 30rem),radial-gradient(circle at 92% 8%,#f2632217,#0000 28rem),linear-gradient(#fbfbfd 0%,#f1f3f8 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:14px 20px;display:flex}.demo-window{border:1px solid var(--border);background:var(--panel);border-radius:26px;width:min(1740px,100%);overflow:hidden;box-shadow:0 18px 50px #1518231a}.demo-header{border-bottom:1px solid var(--border);background:linear-gradient(#fffbf7f5 0%,#faf9fdf5 100%);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:104px;padding:12px 34px;display:grid}.brand-logo{object-fit:contain;filter:drop-shadow(0 8px 14px #f2632229);width:88px;height:104px}.title-group h1{letter-spacing:0;margin:0;font-size:clamp(40px,4vw,54px);font-weight:820;line-height:.96}.title-group p{color:#1a1b21;margin:5px 0 0;font-size:clamp(18px,1.85vw,25px);line-height:1.25}.about-button{color:#07080b;background:#fff;border:1px solid #dedfe8;border-radius:14px;align-items:center;gap:9px;min-height:44px;padding:9px 15px;font-size:18px;font-weight:650;display:inline-flex;box-shadow:0 4px 12px #191a220d}.about-button:hover{background:#fff9f2;border-color:#ffc47a}.info-icon{border:2px solid;border-radius:50%;place-items:center;width:23px;height:23px;font-size:14px;font-weight:800;line-height:1;display:inline-grid}.workspace{padding:14px 24px 16px}.top-grid{grid-template-columns:minmax(420px,1.08fr) minmax(330px,.74fr) minmax(420px,1fr);align-items:stretch;gap:22px;display:grid}.input-stack{align-content:start;gap:11px;display:grid}.left-stack{align-content:start;gap:12px;display:grid}.panel,.examples-section,.future-panel{min-width:0}.section-title-row{justify-content:space-between;align-items:center;gap:14px;min-height:42px;margin:0 0 10px;display:flex}.section-heading{align-items:center;gap:13px;min-width:0;display:flex}.step-badge{color:#c94f13;background:linear-gradient(145deg,#fff4d8,#ffe2c3);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:24px;font-weight:820;display:inline-grid;box-shadow:inset 0 0 0 1px #f2632214}.section-title-row h2{letter-spacing:0;margin:0;font-size:clamp(23px,2.1vw,29px);line-height:1.05}.image-clear-button{color:#474b57;background:#fff;border:1px solid #e3e5ee;border-radius:12px;align-items:center;gap:7px;min-height:38px;padding:8px 12px;font-size:15px;font-weight:760;display:inline-flex}.image-clear-button:hover{background:#fff9f2;border-color:#ffc47a}.clear-inline-icon{object-fit:contain;width:19px;height:19px}.upload-dropzone,.preview-frame{border-radius:18px;height:362px}.upload-dropzone{text-align:center;background:#fffaf4;border:3px dashed #ffc47a;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:26px;transition:border-color .16s,background-color .16s,transform .16s;display:flex}.upload-dropzone:hover,.upload-dropzone.is-dragging{border-color:var(--accent);background:#fff4e7;transform:translateY(-1px)}.file-input{display:none}.upload-asset-icon{object-fit:contain;filter:drop-shadow(0 8px 16px #f2632229);width:76px;height:76px;margin-bottom:4px}.dropzone-title{color:#06070b;font-size:clamp(24px,2.2vw,31px);font-weight:820;line-height:1.08}.dropzone-subtitle{color:#7b7d84;margin-top:-3px;font-size:18px;font-weight:700}.upload-action{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border-radius:14px;justify-content:center;align-items:center;min-height:50px;margin-top:6px;padding:0 22px;font-size:18px;font-weight:800;display:inline-flex;box-shadow:0 12px 22px #f2632233}.support-text{color:#7c7d83;margin-top:7px;font-size:15px;font-weight:700}.preview-frame{background:#f7f8fb;border:1px solid #dfe1ea;justify-content:center;align-items:center;padding:14px;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffffb3}.preview-image{object-fit:contain;object-position:center;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.retain-panel{background:#fbfcff;border:1px solid #e6e8f1;border-radius:16px;grid-template-columns:auto minmax(180px,1fr);align-items:center;gap:14px;width:100%;min-height:52px;padding:8px 12px 8px 16px;display:grid;box-shadow:0 8px 22px #191c2a0a}.retain-panel h2{color:#262934;white-space:nowrap;margin:0;font-size:17px;font-weight:500;line-height:1.15}.retain-control-row{grid-template-columns:minmax(0,1fr) 58px 76px;align-items:center;gap:10px;display:grid}.retain-slider{width:100%;accent-color:var(--accent)}.retain-value-label{color:#c94f13;text-align:right;white-space:nowrap;font-size:13px;font-weight:820}.retain-number-input{color:#171923;text-align:center;background:#fff;border:1px solid #dfe1ea;border-radius:12px;outline:none;width:76px;min-height:34px;font-size:16px;font-weight:760}.retain-number-input:focus{border-color:#ffc47a;box-shadow:0 0 0 4px #f2632214}.textarea-shell{background:#fff;border:3px solid #e1e3eb;border-radius:15px;min-height:178px;position:relative}.textarea-shell textarea{resize:none;color:#020308;background:0 0;border:0;border-radius:12px;outline:none;width:100%;min-height:172px;padding:20px 22px 48px;font-size:18px;font-weight:450;line-height:1.35}.textarea-shell:focus-within{border-color:#ffc47a;box-shadow:0 0 0 4px #f2632214}.textarea-shell textarea::placeholder{color:#81838b;font-size:clamp(20px,1.55vw,27px);font-weight:620;line-height:1.16}.char-counter{color:#7b7d84;font-size:17px;font-weight:800;position:absolute;bottom:12px;right:16px}.run-button{background:linear-gradient(135deg, var(--accent), var(--accent-dark));color:#fff;border:0;border-radius:15px;justify-content:center;align-items:center;gap:13px;width:100%;min-height:52px;margin-top:0;font-size:25px;font-weight:820;transition:filter .16s,transform .16s;display:inline-flex;box-shadow:0 14px 26px #f2632238}.run-button:hover{filter:saturate(1.05)brightness(.98);transform:translateY(-1px)}.button-icon{width:var(--icon-size);height:var(--icon-size);object-fit:contain;flex:none;display:block}.run-icon{--icon-size:26px;filter:brightness(0)invert()contrast(1.08)}.status-message{color:#a0343e;text-align:center;overflow-wrap:anywhere;width:100%;margin:0;font-size:15px;font-weight:700}.status-message.success{color:#227145}.queue-banner{color:#763315;background:linear-gradient(135deg,#fff7e8f5,#ffeed5e6);border:1px solid #e85d223d;border-radius:14px;gap:3px;width:100%;padding:10px 13px;display:grid;box-shadow:0 10px 22px #e85d221a}.queue-banner strong{font-size:14px;line-height:1.2}.queue-banner span{font-size:13px;line-height:1.3}.examples-section{background:#f8f9fd;border:1px solid #e8eaf3;border-radius:18px;padding:12px}.examples-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:10px;display:flex}.examples-title-row{align-items:center;gap:10px;min-width:0;display:flex}.example-section-icon{object-fit:contain;width:30px;height:30px}.examples-title-row h2{color:#c94f13;margin:0;font-size:18px;line-height:1.1}.examples-title-row p{color:var(--muted);margin:3px 0 0;font-size:13px;line-height:1.2}.example-nav{align-items:center;gap:6px;display:inline-flex}.example-nav button{color:#c94f13;background:#fff;border:1px solid #dfe1ee;border-radius:10px;width:32px;height:32px;font-size:17px;font-weight:800}.example-nav button:disabled{cursor:default;opacity:.38}.example-page-indicator{color:#6d7280;text-align:center;white-space:nowrap;min-width:42px;font-size:13px;font-weight:760;line-height:1}.example-card{width:100%;color:inherit;text-align:left;background:#fff;border:1px solid #e0e3ef;border-radius:14px;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;padding:9px;display:grid;box-shadow:0 8px 22px #191c2a0d}.example-card:hover,.example-card.is-active{border-color:#ffc47a;box-shadow:0 12px 26px #f263221a}.example-card img{object-fit:cover;border-radius:10px;width:84px;height:58px}.example-card span{min-width:0}.example-title{margin-bottom:5px;font-size:16px;font-weight:600;line-height:1.15;display:block}.example-title-highlight{color:#c91f37;font-weight:820}.example-card small{color:#555967;font-size:13px;line-height:1.3;display:block}.future-grid{grid-template-columns:1fr;margin-top:14px;display:grid}.future-panel,.output-preview-frame{color:#666b77;text-align:center;background:linear-gradient(135deg,#ffffffd1,#f8f9fdf0),repeating-linear-gradient(135deg,#0000 0 14px,#f2632209 14px 15px);border:1px solid #e6e8f1;border-radius:20px;justify-content:center;align-items:center;min-height:118px;padding:18px;display:flex}.future-panel h2{color:#262934;margin:0 0 8px;font-size:26px;line-height:1.15}.future-panel p,.output-preview-frame p{margin:0;font-size:14px;line-height:1.35}.output-preview-frame strong{color:#262934;font-weight:820}.output-section{flex-direction:column;align-self:start;min-width:0;display:flex}.output-preview-frame{border-radius:18px;flex:0 0 422px;height:422px;max-height:422px;overflow:hidden}.output-loading,.output-error,.output-result{width:100%;min-width:0;height:100%}.output-loading,.output-error{flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.output-loading strong,.output-error strong{color:#262934;font-size:28px;line-height:1.1}.output-spinner{border:4px solid #ffe2c3;border-top-color:var(--accent);border-radius:50%;width:38px;height:38px;animation:.9s linear infinite output-spin}.output-timer,.output-error span,.output-elapsed{color:#6f7480;font-size:14px;font-weight:760}.output-error span{color:#a0343e;overflow-wrap:anywhere;max-width:90%}.output-result{flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.output-image{object-fit:contain;object-position:center;border-radius:12px;width:auto;max-width:100%;height:auto;max-height:calc(100% - 28px);display:block}@keyframes output-spin{to{transform:rotate(360deg)}}.animation-panel{min-height:320px;transition:background .28s,border-color .28s,box-shadow .28s;position:relative}.animation-panel.is-paused *,.animation-panel.is-paused :before,.animation-panel.is-paused :after{animation-play-state:paused!important}.animation-toggle{z-index:5;color:#606573;background:#f4f5f8;border:1px solid #d8dbe4;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 11px 0 9px;font-size:13px;font-weight:760;line-height:1;transition:background .18s,border-color .18s,color .18s,box-shadow .18s;display:inline-flex;position:absolute;top:12px;right:14px;box-shadow:0 8px 18px #1b1f2a0f}.animation-toggle span{background:#9ca3af;border-radius:999px;width:9px;height:9px;box-shadow:0 0 0 3px #9ca3af1f}.animation-toggle.is-on{color:#147a4d;background:#eefaf4;border-color:#149a5e47}.animation-toggle.is-on span{background:#17b26a;box-shadow:0 0 0 3px #17b26a29}.review-step-controls{z-index:7;color:#444b58;background:#ffffffeb;border:1px solid #d8dbe4;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:3px 8px;font-size:13px;font-weight:760;line-height:1;display:inline-flex;position:absolute;top:12px;left:14px;box-shadow:0 8px 18px #1b1f2a14}.review-step-controls button{color:#e7531a;cursor:pointer;background:#fff;border:1px solid #e1e3eb;border-radius:999px;place-items:center;width:24px;height:24px;font-size:15px;font-weight:820;line-height:1;display:inline-grid}.review-step-controls .review-step-indicator{color:#444b58;background:0 0;border-color:#0000;width:auto;min-width:38px;padding:0 2px;font-size:13px;font-weight:760}.review-step-controls .review-step-indicator:hover{color:#e7531a}.review-step-controls button:disabled{color:#a7acb7;cursor:not-allowed;opacity:.58}.animation-review{justify-items:center;gap:14px;width:100%;min-width:0;display:grid}.animation-review *,.animation-review :before,.animation-review :after{transition:none!important;animation:none!important}.review-single-result{place-items:center;min-height:248px;display:grid}.animation-review .final-token-block,.animation-review .final-token-block p,.animation-review .similarity-map,.animation-review .similarity-map span.has-similarity,.animation-review .similarity-colorbar,.animation-review .eos-token-visual,.animation-review .eos-token-label,.animation-review .eos-center p,.animation-review .context-cls-center p,.animation-review .user-avatar,.animation-review .animation-input-image,.animation-review .animation-input-text,.animation-review .trash-visual-wrap,.animation-review .trash-center p,.animation-review .retained-token-map,.animation-review .retained-token-map span.retained-token,.animation-review .context-result-map,.animation-review .context-result-map span.context-recovered-token,.animation-review .context-source-map span.context-retained-token,.animation-review .context-source-map span.context-pruned-token,.animation-review .step-six-token-layer,.animation-review .step-six-map span.merged-retained-token,.animation-review .step-six-map span.merged-context-token,.animation-review .ai-token-visual,.animation-review .final-segmentation-result,.animation-review .pixel-complete-stage h2,.animation-review .pixel-complete-result{opacity:1}.animation-review .user-avatar,.animation-review .animation-input-image,.animation-review .animation-input-text{transform:none}.animation-review .final-token-block{grid-area:auto;transform:none}.animation-review .similarity-map,.animation-review .retained-token-map,.animation-review .context-result-map{transform:none}.animation-review .similarity-map span.has-similarity{opacity:1!important}.animation-review .step-six-token-layer{position:relative;inset:auto;transform:none}.animation-review .step-six-token-layer p{opacity:1}.animation-review .final-generation-stage{grid-template-columns:minmax(250px,304px) minmax(150px,.72fr) minmax(250px,304px);justify-content:center}.animation-review .final-segmentation-result{width:100%;min-width:0}.animation-review .pixel-complete-stage h2,.animation-review .pixel-complete-result{transform:none}.animation-panel.is-intro{background:radial-gradient(circle at 22% 18%,#fff1be57,#0000 18rem),linear-gradient(135deg,#f26322 0%,#ffb72c 100%);border-color:#ffb72c80;box-shadow:inset 0 0 0 1px #ffffff2e}.animation-intro{place-items:center;width:100%;min-height:180px;animation:.9s both animation-intro-in;display:grid}.animation-intro.is-exiting{animation:animation-step-out var(--step-transition-ms,.8s) ease both}.animation-intro h2{color:#fff;text-align:center;white-space:nowrap;text-shadow:0 8px 22px #802e0438;width:min(940px,100%);margin:0;font-size:clamp(26px,2.5vw,38px);font-weight:820;line-height:1.12}.animation-step-one{justify-items:center;gap:16px;width:100%;min-width:0;display:grid}.animation-enter{animation:animation-step-in var(--step-transition-ms,.8s) cubic-bezier(.2, .8, .2, 1) both}.animation-step-one.is-exiting{animation:animation-step-out var(--step-transition-ms,.8s) ease both}.animation-step-one h2{color:#262934;text-align:center;margin:0;font-size:18px;font-weight:820;line-height:1.2}.animation-user-flow{grid-template-columns:92px minmax(0,1fr) 92px;place-items:center;gap:20px;width:min(680px,100%);display:grid}.user-avatar{object-fit:contain;filter:drop-shadow(0 10px 18px #f263221f);opacity:0;align-self:center;width:76px;height:76px;animation:1.05s cubic-bezier(.2,.8,.2,1) .18s both user-request-cue;display:block}.animation-input-card{grid-column:2;justify-items:center;gap:10px;min-width:0;display:grid}.animation-input-image{object-fit:contain;object-position:center;opacity:0;background:#fff;border:1px solid #e5e8f1;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:150px;animation:1.05s cubic-bezier(.2,.8,.2,1) 1.05s both user-input-image-in;display:block;box-shadow:0 12px 28px #191c2a14}.animation-input-text{color:#343844;text-align:center;overflow-wrap:anywhere;opacity:0;max-width:100%;margin:0;font-size:15px;font-weight:450;line-height:1.35;animation:.98s cubic-bezier(.2,.8,.2,1) 1.9s both user-input-text-in}.animation-step-two{justify-items:center;gap:14px;width:100%;min-width:0;display:grid}.animation-step-two h2{color:#262934;text-align:center;margin:0;font-size:20px;font-weight:820;line-height:1.2}.tokenization-stage{isolation:isolate;perspective:920px;grid-template-columns:minmax(190px,1fr) minmax(210px,.94fr) minmax(190px,1fr);align-items:center;gap:clamp(24px,3vw,44px);width:min(1060px,100%);min-height:248px;display:grid;position:relative;overflow:hidden}.token-source-card{z-index:2;aspect-ratio:4/3;transform-origin:0;background:#fff;border:1px solid #d7dce8e6;border-radius:14px;grid-area:1/1;justify-self:end;width:min(100%,244px);transition:transform .76s cubic-bezier(.22,.78,.24,1);position:relative;overflow:hidden;box-shadow:0 18px 34px #1f233024}.step-two-left-tilt-extraction .token-source-card,.step-two-center-token-forming .token-source-card,.step-two-center-token-hold .token-source-card,.step-two-right-token-image-appear .token-source-card{transform:rotateY(24deg)translate(4px)scale(.99)}.token-source-card img{object-fit:cover;width:100%;height:100%;display:block}.tokenized-block{z-index:3;opacity:0;transform-origin:50%;width:min(100%,236px);transition:opacity var(--step-two-absorb-ms,1.7s) cubic-bezier(.22, .78, .2, 1), transform var(--step-two-absorb-ms,1.7s) cubic-bezier(.22, .78, .2, 1);grid-area:1/2;justify-self:center;justify-items:center;display:grid;position:relative}.step-two-center-token-forming .tokenized-block,.step-two-center-token-hold .tokenized-block,.step-two-right-token-image-appear .tokenized-block{opacity:1;transform:translate(0)rotateY(0)scale(1)}.tokenized-image{aspect-ratio:4/3;background:#fff;border:1px solid #dadfebd1;border-radius:10px;grid-template-rows:repeat(9,1fr);grid-template-columns:repeat(9,1fr);gap:1.5px;width:100%;padding:1.5px;display:grid;position:relative;overflow:visible;box-shadow:0 16px 30px #2125331c}.tokenized-image span{opacity:0;min-width:0;min-height:0;transform:translateX(calc(-340px + (var(--token-column) * 8px))) translateY(calc((var(--token-row) - 4) * 7px)) rotateY(30deg) scale(.58);background-color:#eef0f5;background-repeat:no-repeat;border:.5px solid #ffffffb8;border-radius:2px;box-shadow:0 5px 10px #22263214}.step-two-center-token-forming .tokenized-image span{animation:.98s cubic-bezier(.16,.76,.18,1) both center-token-extract;animation-delay:calc(var(--token-index) * 24ms)}.step-two-center-token-hold .tokenized-image span,.step-two-right-token-image-appear .tokenized-image span{opacity:1;transform:translate(0)rotateY(0)scale(1)}.step-two-center-token-absorption .tokenized-block{opacity:0;transform:translate(176px)rotateY(-18deg)scale(.42)}.step-two-center-token-absorption .tokenized-image span{opacity:1;animation:center-token-absorb var(--step-two-absorb-ms,1.7s) cubic-bezier(.2, .78, .22, 1) both;animation-delay:calc(var(--token-index) * 7ms);transform:translate(0)rotateY(0)scale(1)}.step-two-right-return-to-2d .tokenized-block,.step-two-step2-final .tokenized-block{opacity:0;transform:translate(176px)rotateY(-18deg)scale(.42)}.final-token-block{z-index:2;opacity:0;transform-origin:100%;transition:opacity var(--step-two-right-appear-ms,.9s) ease, transform var(--step-two-right-return-ms,.9s) cubic-bezier(.2, .8, .2, 1);grid-area:1/3;justify-self:start;justify-items:center;gap:12px;display:grid;transform:translate(18px)rotateY(-22deg)scale(.96)}.step-two-right-token-image-appear .final-token-block,.step-two-center-token-absorption .final-token-block{opacity:1;transform:translate(0)rotateY(-22deg)scale(1)}.step-two-right-return-to-2d .final-token-block,.step-two-step2-final .final-token-block{opacity:1;transform:translate(0)rotateY(0)scale(1)}.final-token-image{aspect-ratio:4/3;background:#fff 50%/cover no-repeat;border:1px solid #dadfebe6;border-radius:10px;width:min(18vw,230px);min-width:184px;position:relative;overflow:hidden;box-shadow:0 16px 32px #2024301a}.final-token-image:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background-image:linear-gradient(#ffffffe0 1px,#0000 1px),linear-gradient(90deg,#ffffffe0 1px,#0000 1px);background-size:4.16667% 4.16667%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffffb8}.final-token-block p{color:#242936;text-align:center;opacity:0;margin:0;font-size:16px;font-weight:450;line-height:1.25;transition:opacity .42s}.step-two-step2-final .final-token-block p{opacity:1}.animation-step-three,.animation-step-four{justify-items:center;gap:14px;width:100%;min-width:0;display:grid}.animation-step-three h2,.animation-step-four h2{color:#262934;text-align:center;margin:0;font-size:20px;font-weight:820;line-height:1.2}.step-four-heading{justify-items:center;gap:4px;display:grid}.step-four-heading p{color:#656b77;text-align:center;margin:0;font-size:15px;font-weight:450;line-height:1.25}.similarity-stage,.pruning-stage,.context-recovery-stage{isolation:isolate;perspective:920px;grid-template-columns:minmax(190px,1fr) minmax(170px,.72fr) minmax(190px,1fr);align-items:center;gap:clamp(28px,3.4vw,52px);width:min(1060px,100%);min-height:248px;display:grid;position:relative;overflow:hidden}.step-three-token-source,.step-four-token-source,.step-five-token-source{grid-column:1;justify-self:end;width:min(26vw,304px);min-width:250px;position:relative}.step-three-token-source{animation:.9s cubic-bezier(.2,.82,.22,1) both step-three-source-move}.step-three-token-source .final-token-image,.step-four-token-source .similarity-map,.step-five-token-source .context-source-map{width:100%;min-width:0}.step-four-token-source{animation:.92s cubic-bezier(.2,.82,.22,1) both step-four-source-in}.step-five-token-source{animation:.92s cubic-bezier(.2,.82,.22,1) both step-five-source-in}.cls-center,.eos-center,.context-cls-center{z-index:4;grid-column:2;justify-self:center;justify-items:center;gap:6px;display:grid;position:relative}.cls-token-visual,.eos-token-visual{width:94px;height:94px;box-shadow:none;opacity:0;background:0 0;border-radius:26px;place-items:center;animation:.78s cubic-bezier(.2,.82,.22,1) .52s both cls-token-in;display:grid;position:relative;overflow:visible}.cls-token-visual img,.eos-token-visual img{object-fit:contain;width:calc(100% - 16px);height:calc(100% - 16px);position:absolute;inset:8px}.cls-token-label,.eos-token-label{color:#1f2530;letter-spacing:0;text-shadow:0 2px 8px #fffffff2;opacity:0;font-size:17px;font-weight:820;line-height:1;animation:.62s .86s both cls-caption-in}.animation-step-three .eos-token-label{animation:eos-token-created .9s cubic-bezier(.2, .82, .22, 1) var(--eos-create-delay,6.4s) both}.animation-step-five .context-cls-center .eos-token-label{animation-delay:1.32s}.cls-center p,.eos-center p,.context-cls-center p{color:#5d6370;opacity:0;margin:2px 0 0;font-size:14px;font-weight:650;animation:.62s .98s both cls-caption-in}.animation-step-five .context-cls-center>p:not(.eos-token-label){animation-delay:1.48s}.animation-step-three .eos-center>p:not(.eos-input-text){animation-delay:var(--eos-caption-delay,7s)}.eos-input-text{color:#303642;text-align:center;pointer-events:none;opacity:1;z-index:6;width:220px;height:28px;margin:0;font-size:16px;font-weight:760;line-height:1;position:absolute;top:8px;left:50%;transform:translate(-50%)}.eos-input-text span{opacity:0;white-space:nowrap;transform-origin:50%;max-width:210px;animation:eos-input-word-into-logo var(--eos-word-duration,.76s) cubic-bezier(.24, .74, .28, 1) both;animation-delay:calc(.28s + (var(--word-index,0) * var(--eos-word-interval,.54s)));display:block;position:absolute;top:0;left:50%;transform:translate(-50%,4px)scale(.98)}.animation-step-three .eos-center:after{content:"";opacity:0;transform-origin:top;width:2px;height:24px;animation:eos-connector-line .82s cubic-bezier(.2, .82, .22, 1) var(--eos-line-delay,6s) both;background:linear-gradient(#10a37f00,#10a37ff2);border-radius:999px;position:absolute;top:82px;left:50%;transform:translate(-50%)scaleY(0);box-shadow:0 0 14px #10a37f59}.similarity-result{grid-column:3;grid-template-columns:auto 34px;justify-self:start;align-items:center;gap:12px;display:grid}.similarity-map{aspect-ratio:4/3;opacity:0;width:min(26vw,304px);min-width:250px;animation:similarity-map-in .82s cubic-bezier(.2, .82, .22, 1) var(--similarity-map-delay,1.32s) both;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #d7dce8e6;border-radius:14px;grid-template-rows:repeat(24,1fr);grid-template-columns:repeat(24,1fr);gap:0;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 34px #1f233024}.similarity-map:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background-image:linear-gradient(#ffffffe6 1px,#0000 1px),linear-gradient(90deg,#ffffffe6 1px,#0000 1px);background-size:4.16667% 4.16667%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffffb8}.similarity-map span{z-index:1;opacity:0;background-clip:border-box;border:0;min-width:0;min-height:0;position:relative}.similarity-map span.has-similarity{animation:.52s both similarity-color-wash;animation-delay:calc(var(--similarity-fill-delay,10.3s) + (var(--similarity-index,0) * 3ms))}.step-four-source-map,.step-four-source-map span.step-four-source-token{opacity:1;animation:none}.step-four-source-map span.retained-source-token{opacity:1}.step-four-source-map span.pruned-source-token{opacity:1;animation:.52s both pruned-source-token-out;animation-delay:calc(1.12s + (var(--similarity-index,0) * 4ms))}.similarity-colorbar{color:#5d6370;opacity:0;justify-items:center;gap:6px;font-size:11px;font-weight:780;line-height:1;animation:.52s 9.5s both colorbar-in;display:grid}.similarity-colorbar div{background:linear-gradient(#f43222,#864584,#1858e6);border:1px solid #d7dce8e6;border-radius:999px;width:10px;height:116px;box-shadow:0 10px 20px #1f233014}.source-token-flow,.cls-to-map-flow,.context-to-map-flow,.pruned-token-flow,.context-pruned-token-flow{pointer-events:none;z-index:5;position:absolute;inset:0}.cls-to-map-flow span{left:var(--target-x,50%);top:var(--target-y,50%);opacity:0;width:8px;height:8px;animation:1.18s cubic-bezier(.2,.82,.2,1) both cls-to-map-token;animation-delay:calc(var(--cls-to-map-delay,9.9s) + (var(--flow-index) * 3ms));background:#f26322db;border-radius:0;position:absolute;transform:translate(-50%,-50%)scale(.42);box-shadow:0 0 0 1px #ffffffc7,0 0 14px #f263226b}.context-to-map-flow span{left:var(--target-x,50%);top:var(--target-y,50%);opacity:0;width:8px;height:8px;animation:1.18s cubic-bezier(.2,.82,.2,1) both cls-to-map-token;animation-delay:calc(4.3s + (var(--flow-index) * 2.2ms));background:#1d84ffeb;border-radius:0;position:absolute;transform:translate(-50%,-50%)scale(.42);box-shadow:0 0 0 1px #ffffffc7,0 0 14px #1d84ff6b}.source-token-flow span{left:var(--flow-left);top:var(--flow-top);opacity:0;width:8px;height:8px;animation:1.35s cubic-bezier(.2,.82,.2,1) both cls-token-interact;animation-delay:calc(var(--source-token-delay,7.6s) + (var(--flow-index) * 7ms));background:#da2828f0;border-radius:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffc7,0 0 14px #da28287a}.pruned-token-flow span{left:var(--flow-left);top:var(--flow-top);opacity:0;width:9px;height:9px;animation:1.35s cubic-bezier(.2,.82,.2,1) both pruned-token-to-trash;animation-delay:calc(.9s + (var(--flow-index) * 2ms));background:#ee5623e6;border-radius:0;position:absolute;transform:translate(-50%,-50%)scale(.7);box-shadow:0 0 0 1px #ffffffc7,0 0 14px #ee56236b}.context-pruned-token-flow span{left:var(--flow-left);top:var(--flow-top);opacity:0;width:8px;height:8px;animation:1.45s cubic-bezier(.2,.82,.2,1) both context-token-to-cls;animation-delay:calc(1.08s + (var(--flow-index) * 2.8ms));background:#747c8beb;border-radius:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffffc7,0 0 14px #747c8b66}.step-five-token-source .context-pruned-token-flow{aspect-ratio:4/3;width:100%;inset:0 auto auto 0;overflow:visible}.trash-center{z-index:4;grid-column:2;justify-self:center;justify-items:center;gap:8px;display:grid}.trash-visual-wrap{opacity:0;width:86px;height:86px;animation:.72s cubic-bezier(.2,.82,.22,1) .42s both trash-in;position:relative}.trash-visual-wrap img{object-fit:contain;filter:drop-shadow(0 16px 22px #1f23301f);width:86px;height:86px}.trash-recycle-anchor{pointer-events:none;width:1px;height:1px;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.trash-center p{color:#5d6370;opacity:0;margin:0;font-size:14px;font-weight:650;animation:.52s .76s both cls-caption-in}.retained-result{grid-column:3;justify-self:start;justify-items:center;gap:8px;display:grid}.retained-token-map{aspect-ratio:4/3;opacity:1;background-color:#f8fafc;border:1px solid #d7dce8e6;border-radius:14px;grid-template-rows:repeat(24,1fr);grid-template-columns:repeat(24,1fr);gap:0;width:min(26vw,304px);min-width:250px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 34px #1f23301f}.retained-overlay-map{background-position:50%;background-repeat:no-repeat;background-size:cover}.retained-token-map:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;background-image:linear-gradient(#ffffffad .5px,#0000 .5px),linear-gradient(90deg,#ffffffad .5px,#0000 .5px);background-size:4.16667% 4.16667%;position:absolute;inset:0}.retained-token-map span{z-index:1;opacity:0;border:.5px solid #ffffffd1;position:relative}.retained-token-map span.retained-token{background:var(--retained-token-color,#30df39d1);opacity:0;animation:.52s both retained-token-in;animation-delay:calc(4.72s + (var(--retained-index,0) * 1.4ms))}.animation-step-five{place-items:center;gap:16px;width:100%;display:grid}.step-five-heading{justify-items:center;gap:4px;display:grid}.step-five-heading h2{color:#202631;letter-spacing:0;text-align:center;margin:0;font-size:21px;font-weight:780}.context-source-map,.context-result-map{aspect-ratio:4/3;background-color:#f8fafc;border:1px solid #d7dce8e6;border-radius:14px;grid-template-rows:repeat(24,1fr);grid-template-columns:repeat(24,1fr);gap:0;width:min(26vw,304px);min-width:250px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 34px #1f23301f}.context-source-map:after,.context-result-map:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background-image:linear-gradient(#ffffffb8 .5px,#0000 .5px),linear-gradient(90deg,#ffffffb8 .5px,#0000 .5px);background-size:4.16667% 4.16667%;position:absolute;inset:0}.context-source-map span,.context-result-map span{z-index:1;opacity:0;border:.5px solid #ffffffbf;position:relative}.context-source-map span.context-retained-token{border:1px solid var(--retained-token-color,#30df39e0);background:var(--retained-token-color,#30df39d1);opacity:1}.context-source-map span.context-pruned-token{opacity:1;background:#40485852;border-color:#ffffffc7}.pruned-token-legend{color:#5d6370;opacity:0;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:8px;font-size:13px;font-weight:650;animation:.52s .72s both cls-caption-in;display:inline-flex}.pruned-token-legend span{background:#40485852;border:1px solid #ffffffd9;border-radius:3px;width:12px;height:12px;box-shadow:0 0 0 1px #40485833}.pruned-token-legend p{margin:0}.context-result{grid-column:3;justify-self:start;justify-items:center;gap:8px;display:grid}.context-result-map{opacity:0;animation:.76s cubic-bezier(.2,.82,.22,1) 4.1s both retained-map-in}.context-result-map span.context-result-retained-token{background:var(--retained-token-color,#30df39d1);opacity:1}.context-result-map span.context-recovered-token{opacity:0;animation:.56s both context-recovered-token-in;animation-delay:calc(5.16s + (var(--context-index,0) * 2.2ms));background:#1d84ffe0;border-color:#ffffffdb}.animation-step-six{place-items:center;gap:16px;width:100%;display:grid}.animation-step-seven{place-items:center;width:100%;min-width:0;display:grid}.step-six-heading{justify-items:center;display:grid}.step-six-heading h2{color:#202631;letter-spacing:0;text-align:center;margin:0;font-size:21px;font-weight:780}.final-generation-stage{isolation:isolate;grid-template-columns:minmax(190px,1fr) minmax(170px,.72fr) minmax(190px,1fr);align-items:center;gap:clamp(28px,3.4vw,52px);width:min(1060px,100%);min-height:248px;display:grid;position:relative;overflow:hidden}.step-six-token-source{aspect-ratio:4/3;grid-column:1;justify-self:end;width:min(26vw,304px);min-width:250px;position:relative}.step-six-token-layer{opacity:0;justify-items:center;gap:8px;display:grid;position:absolute;inset:0;transform:translateY(8px)scale(.98)}.step-six-token-layer p{color:#5d6370;text-align:center;margin:0;font-size:14px;font-weight:650;line-height:1.2}.step-six-map{opacity:1;width:100%;min-width:0;animation:none}.step-six-map span{animation:none!important}.step-six-map span.step-six-retained-token,.step-six-map span.merged-retained-token{background:var(--retained-token-color,#30df39d1);opacity:1;border-color:#ffffffdb}.step-six-map span.step-six-context-token,.step-six-map span.merged-context-token{opacity:1;background:#1d84ffe0;border-color:#ffffffdb}.merged-token-map{aspect-ratio:4/3;background-color:#f8fafc;border:1px solid #d7dce8e6;border-radius:14px;grid-template-rows:repeat(24,1fr);grid-template-columns:repeat(24,1fr);gap:0;width:min(26vw,304px);min-width:250px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 34px #1f23301f}.merged-token-map:after{content:"";z-index:3;border-radius:inherit;pointer-events:none;background-image:linear-gradient(#ffffffb8 .5px,#0000 .5px),linear-gradient(90deg,#ffffffb8 .5px,#0000 .5px);background-size:4.16667% 4.16667%;position:absolute;inset:0}.merged-token-map span{z-index:1;opacity:0;border:.5px solid #ffffffd1;position:relative}.step-six-layer-a{animation:1.3s both step-six-show-a}.step-six-layer-b{animation:1.5s 1.05s both step-six-show-b}.step-six-layer-merged{animation:3.6s 2.2s both step-six-show-merged}.merged-token-to-ai-flow{pointer-events:none;z-index:6;position:absolute;inset:0}.merged-token-to-ai-flow span{left:var(--flow-left,0px);top:var(--flow-top,0px);opacity:0;width:9px;height:9px;animation:1.45s cubic-bezier(.2,.82,.2,1) both merged-token-to-ai;animation-delay:calc(3.35s + (var(--flow-index) * 2ms));border-radius:0;position:absolute;transform:translate(-50%,-50%)scale(.72);box-shadow:0 0 0 1px #ffffffc7,0 0 14px #1f23303d}.merged-token-to-ai-flow span.retained-flow-token{background:var(--retained-token-color,#30df39e0)}.merged-token-to-ai-flow span.context-flow-token{background:#1d84ffeb}.ai-processing-center{z-index:4;grid-column:2;justify-self:center;justify-items:center;gap:8px;display:grid}.ai-token-visual{opacity:0;place-items:center;width:88px;height:88px;animation:.72s cubic-bezier(.2,.82,.22,1) 2.6s both ai-processing-in;display:grid;position:relative}.ai-token-visual img{object-fit:contain;filter:drop-shadow(0 16px 22px #1f23301f);width:100%;height:100%}.ai-center-anchor{pointer-events:none;width:1px;height:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-six-spinner{opacity:0;border:3px solid #f263222e;border-top-color:#f26322;border-radius:999px;width:24px;height:24px;animation:.36s 6.4s both step-six-spinner-in,.76s linear 6.4s infinite output-spin,.32s 7.9s forwards step-six-spinner-out}.ai-processing-center p{color:#5d6370;opacity:0;margin:0;font-size:14px;font-weight:650;animation:.36s 6.4s both step-six-spinner-in,.32s 7.9s forwards step-six-spinner-out}.final-segmentation-result{aspect-ratio:4/3;width:min(26vw,304px);min-width:250px;box-shadow:none;opacity:0;background:0 0;border:0;border-radius:0;grid-column:3;justify-self:start;place-items:center;animation:.76s cubic-bezier(.2,.82,.22,1) 8.1s both final-segmentation-in;display:grid;overflow:visible;transform:translate(16px)scale(.97)}.final-segmentation-result img{object-fit:cover;object-position:center;border-radius:14px;width:100%;height:100%;display:block;box-shadow:0 18px 34px #1f23301f}.pixel-complete-stage{align-content:center;place-items:center;gap:12px;width:min(1060px,100%);min-height:248px;display:grid;overflow:hidden}.pixel-complete-stage h2{color:#202631;text-align:center;opacity:0;margin:0;font-size:21px;font-weight:780;line-height:1.2;animation:.76s cubic-bezier(.2,.82,.22,1) .72s both pixel-complete-title-in;transform:translateY(8px)}.pixel-complete-result{aspect-ratio:4/3;opacity:0;place-items:center;width:min(26vw,304px);min-width:250px;animation:1.15s cubic-bezier(.2,.82,.18,1) both pixel-result-to-center;display:grid;transform:translate(260px)scale(.92)}.pixel-complete-result img{object-fit:cover;object-position:center;border-radius:16px;width:100%;height:100%;display:block;box-shadow:0 22px 42px #1f233029}.animation-data-error{color:#b42318;text-align:center;margin:0;font-size:12px;font-weight:650}.animation-inactive{place-items:center;gap:8px;min-height:180px;display:grid}.animation-inactive h2{margin:0}.animation-inactive p{text-align:center;gap:4px;margin:0;display:grid}.animation-inactive span{display:block}@keyframes animation-intro-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes animation-step-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes animation-step-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-8px)scale(.985)}}@keyframes user-request-cue{0%{opacity:0;transform:translateY(8px)scale(.86)}38%{opacity:1;transform:translateY(-3px)scale(1.06)}62%{transform:translateY(0)scale(.98)}78%{transform:translateY(-1px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes user-input-image-in{0%{opacity:0;transform:translate(-14px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes user-input-text-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes center-token-extract{0%{opacity:0;transform:translateX(calc(-348px + (var(--token-column) * 8px))) translateY(calc((var(--token-row) - 4) * 7px)) rotateY(30deg) scale(.56);filter:blur(1.2px)}34%{opacity:.78;transform:translateX(calc(-214px + (var(--token-column) * 5px))) translateY(calc((var(--token-row) - 4) * 5px)) rotateY(22deg) scale(.72);filter:blur(.7px)}68%{opacity:.96;transform:translateX(calc(-72px + (var(--token-column) * 1.4px))) translateY(calc((var(--token-row) - 4) * 1.8px)) rotateY(9deg) scale(.92);filter:blur(.2px)}to{opacity:1;filter:blur();transform:translate(0)rotateY(0)scale(1)}}@keyframes center-token-absorb{0%{opacity:1;transform:translate(0)rotateY(0)scale(1)}56%{opacity:.78;transform:translate(112px)rotateY(-12deg)scale(.78)}to{opacity:0;transform:translate(178px)rotateY(-18deg)scale(.42)}}@keyframes step-three-source-move{0%{opacity:0;transform:translate(360px)rotateY(-18deg)scale(.76)}to{opacity:1;transform:translate(0)rotateY(0)scale(1)}}@keyframes step-four-source-in{0%{opacity:0;transform:translate(360px)rotateY(-16deg)scale(.8)}to{opacity:1;transform:translate(0)rotateY(0)scale(1)}}@keyframes step-five-source-in{0%{opacity:0;transform:translate(360px)rotateY(-14deg)scale(.82)}to{opacity:1;transform:translate(0)rotateY(0)scale(1)}}@keyframes cls-token-in{0%{opacity:0;transform:translateY(8px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cls-caption-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes eos-input-word-into-logo{0%{opacity:0;transform:translate(-50%,8px)scale(.96)}18%{opacity:1;transform:translate(-50%)scale(1)}44%{opacity:1;transform:translate(-50%,2px)scale(1)}72%{opacity:.82;transform:translate(-50%,58px)scale(.72)}to{opacity:0;transform:translate(-50%,104px)scale(.28)}}@keyframes eos-connector-line{0%{opacity:0;transform:translate(-50%)scaleY(0)}42%{opacity:1;transform:translate(-50%)scaleY(1)}74%{opacity:1;transform:translate(-50%)scaleY(1)}to{opacity:0;transform:translate(-50%)scaleY(1)}}@keyframes eos-token-created{0%{opacity:0;color:#10a37f;text-shadow:0 0 20px #10a37f73;transform:translateY(6px)scale(.72)}45%{opacity:1;color:#10a37f;text-shadow:0 0 26px #10a37f8c;transform:translateY(0)scale(1.18)}to{opacity:1;color:#1f2530;text-shadow:0 2px 8px #fffffff2;transform:translateY(0)scale(1)}}@keyframes cls-token-interact{0%{opacity:0;transform:translate(-50%,-50%)scale(.48)}6%{opacity:1;background:#ff2a2a;transform:translate(-50%,-50%)scale(1.35);box-shadow:0 0 0 2px #ffffffc7,0 0 18px #ff2a2abd}13%{opacity:.32;transform:translate(-50%,-50%)scale(.72)}21%{opacity:.94;background:#da2828f0;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 1px #ffffffb8,0 0 12px #da28286b}76%{opacity:.95;transform:translate(calc(-50% + var(--target-dx,390px)), calc(-50% + var(--target-dy,0px))) scale(1)}88%{opacity:.72;transform:translate(calc(-50% + var(--target-dx,410px)), calc(-50% + var(--target-dy,0px))) scale(.38)}to{opacity:0;transform:translate(calc(-50% + var(--target-dx,430px)), calc(-50% + var(--target-dy,0px))) scale(.2)}}@keyframes cls-to-map-token{0%{opacity:0;transform:translate(calc(-50% + var(--start-dx,0px)), calc(-50% + var(--start-dy,0px))) scale(.36)}14%{opacity:.9;transform:translate(calc(-50% + var(--start-dx,0px)), calc(-50% + var(--start-dy,0px))) scale(.95)}82%{opacity:.92;transform:translate(-50%,-50%)scale(.8)}to{opacity:0;transform:translate(-50%,-50%)scale(.2)}}@keyframes pruned-token-to-trash{0%{opacity:0;transform:translate(-50%,-50%)scale(.48)}6%{opacity:1;background:#ff5f22fa;transform:translate(-50%,-50%)scale(1.28);box-shadow:0 0 0 2px #ffffffc7,0 0 18px #ee5623ad}13%{opacity:.36;transform:translate(-50%,-50%)scale(.72)}21%{opacity:.94;background:#ee5623e6;transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 1px #ffffffb8,0 0 12px #ee56236b}76%{opacity:.94;transform:translate(calc(-50% + var(--target-dx,390px)), calc(-50% + var(--target-dy,0px))) scale(.92)}88%{opacity:.7;transform:translate(calc(-50% + var(--target-dx,390px)), calc(-50% + var(--target-dy,0px))) scale(.34)}to{opacity:0;transform:translate(calc(-50% + var(--target-dx,390px)), calc(-50% + var(--target-dy,0px))) scale(.12)}}@keyframes context-token-to-cls{0%{opacity:0;transform:translate(-50%,-50%)scale(.48)}6%{opacity:1;background:#848c9afa;transform:translate(-50%,-50%)scale(1.22);box-shadow:0 0 0 2px #ffffffc7,0 0 18px #747c8b9e}18%{opacity:.92;transform:translate(-50%,-50%)scale(1)}78%{opacity:.94;transform:translate(calc(-50% + var(--target-dx,390px)), calc(-50% + var(--target-dy,0px))) scale(.9)}90%{opacity:.62;transform:translate(calc(-50% + var(--target-dx,390px)), calc(-50% + var(--target-dy,0px))) scale(.34)}to{opacity:0;transform:translate(calc(-50% + var(--target-dx,390px)), calc(-50% + var(--target-dy,0px))) scale(.12)}}@keyframes pruned-source-token-out{0%{opacity:1;transform:scale(1)}to{opacity:.08;transform:scale(.72)}}@keyframes similarity-map-in{0%{opacity:0}to{opacity:1}}@keyframes similarity-color-wash{0%{opacity:0}to{opacity:1}}@keyframes colorbar-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes trash-in{0%{opacity:0;transform:translateY(8px)scale(.86)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes retained-map-in{0%{opacity:0;transform:translate(12px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes retained-token-in{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes context-recovered-token-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes step-six-show-a{0%{opacity:0;transform:translateY(8px)scale(.98)}18%{opacity:1;transform:translateY(0)scale(1)}48%{opacity:1;filter:brightness(1.04);transform:translateY(0)scale(1.018)}78%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.985)}}@keyframes step-six-show-b{0%{opacity:0;transform:translateY(8px)scale(.98)}18%{opacity:1;transform:translateY(0)scale(1)}54%{opacity:1;filter:brightness(1.04);transform:translateY(0)scale(1.018)}82%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-6px)scale(.985)}}@keyframes step-six-show-merged{0%{opacity:0;transform:translateY(8px)scale(.98)}16%{opacity:1;transform:translateY(0)scale(1)}72%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.28;transform:translateY(0)scale(.985)}}@keyframes merged-token-to-ai{0%{opacity:0;transform:translate(-50%,-50%)scale(.52)}12%{opacity:.95;transform:translate(-50%,-50%)scale(1.08)}78%{opacity:.92;transform:translate(calc(-50% + var(--target-dx,390px)), calc(-50% + var(--target-dy,0px))) scale(.82)}to{opacity:0;transform:translate(calc(-50% + var(--target-dx,390px)), calc(-50% + var(--target-dy,0px))) scale(.2)}}@keyframes ai-processing-in{0%{opacity:0;transform:translateY(8px)scale(.88)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes step-six-spinner-in{0%{opacity:0}to{opacity:1}}@keyframes step-six-spinner-out{to{opacity:0}}@keyframes final-segmentation-in{0%{opacity:0;transform:translate(16px)scale(.97)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes pixel-result-to-center{0%{opacity:0;transform:translate(260px)scale(.92)}18%{opacity:1}to{opacity:1;transform:translate(0)scale(1)}}@keyframes pixel-complete-title-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes similarity-cell-in{0%{opacity:0;transform:scale(.74)}to{opacity:1;transform:scale(1)}}.download-button{color:#474b57;background:#fff;border:1px solid #dedfe8;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 16px;font-size:15px;font-weight:760;display:inline-flex}.download-button img{object-fit:contain;flex:none;width:17px;height:17px}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12141c6b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.about-modal{background:#fff;border:1px solid #ffffffb3;border-radius:22px;width:min(680px,100%);box-shadow:0 24px 80px #0a0c1447}.about-modal-header{border-bottom:1px solid #eceef5;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 22px 16px;display:flex}.about-modal-header h2{margin:0;font-size:25px;line-height:1.1}.about-modal-header p{color:var(--muted);margin:5px 0 0;font-size:14px}.modal-close-button{color:#30333d;background:#fff;border:1px solid #dedfe8;border-radius:11px;min-height:36px;padding:0 13px;font-size:14px;font-weight:760}.about-tabs{grid-template-columns:1fr 1fr;gap:8px;padding:14px 18px 0;display:grid}.about-tabs button{color:#555a67;background:#f8f9fd;border:1px solid #e3e5ee;border-radius:12px;min-height:40px;font-size:14px;font-weight:760}.about-tabs button.is-active{color:#c94f13;background:#fff3e6;border-color:#ffc47a}.about-panel{padding:18px 22px 24px}.about-panel h3{margin:0 0 12px;font-size:22px}.about-panel p{color:#4e5360;margin:0;font-size:15px;line-height:1.55}.about-facts{gap:10px;margin:0;display:grid}.about-facts div{background:#fbfcff;border:1px solid #edf0f6;border-radius:14px;padding:13px 14px;display:block}.about-facts dt{color:#7a7e8b;letter-spacing:0;margin-bottom:5px;font-size:12px;font-weight:760}.about-facts dd{color:#252934;margin:0;font-size:15px;line-height:1.45}.about-credit{color:#818692;text-align:center;border-top:1px solid #edf0f6;margin:16px 0 0;padding-top:16px;font-size:14px;font-weight:700}@media (max-width:1420px){.top-grid{grid-template-columns:minmax(380px,1.05fr) minmax(320px,.8fr) minmax(360px,.95fr);gap:18px}.upload-dropzone,.preview-frame{height:344px;min-height:0}.output-section .output-preview-frame{flex-basis:350px;height:350px;min-height:0;max-height:350px}}@media (max-width:1180px){.top-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.output-section{grid-column:1/-1}.workspace{padding:22px}.upload-dropzone,.preview-frame{height:340px}.output-section .output-preview-frame{flex-basis:300px;height:300px;max-height:300px}.retain-panel{grid-template-columns:1fr;width:100%}}@media (max-width:720px){.demo-page{padding:12px}.demo-window{border-radius:20px}.demo-header{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:16px 20px}.brand-logo{width:70px;height:86px}.about-button{grid-column:2;justify-self:start}.workspace{padding:18px 14px}.section-title-row,.examples-header{flex-direction:column;align-items:flex-start}.section-heading{gap:11px}.step-badge{width:42px;height:42px;font-size:24px}.upload-dropzone,.preview-frame,.output-preview-frame{height:300px}.upload-asset-icon{width:74px;height:74px}.example-card{grid-template-columns:86px minmax(0,1fr)}.example-card img{width:86px;height:66px}.retain-control-row{grid-template-columns:1fr 58px 76px}.retain-number-input{width:76px}.about-tabs,.about-facts div{grid-template-columns:1fr}}