.pixel-example-visual{min-width:0}.site-content .pixel-example .case-copy>p{max-width:52ch}.pixel-demo{--px-surface:#f8fafb;--px-border:#cbd5dd;--px-soft:#526779;--px-accent:#99420e;--px-ink:#132335;color:var(--px-ink);background:var(--px-surface);border:1px solid var(--px-border);border-radius:8px;overflow:hidden;container-type:inline-size}.pixel-demo [hidden]{display:none!important}.pixel-demo button{cursor:pointer;font:inherit}.pixel-demo button:focus-visible,.pixel-demo a:focus-visible{outline:3px solid var(--px-accent);outline-offset:3px}.px-viewport{overflow:hidden;height:max(540px,calc(56.25cqi + 210px));transition:height .45s ease}.pixel-demo[data-view=work]:is([data-phase=image],[data-phase=edit],[data-phase=review]) .px-viewport{height:calc(56.25cqi + 210px)}.px-track{position:relative;width:100%;height:100%}.px-track>section{position:absolute;top:0;right:0;bottom:0;left:0;min-width:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s}.px-track>.px-chat{opacity:1;visibility:visible}.pixel-demo[data-view=work] .px-chat{opacity:0;visibility:hidden}.pixel-demo[data-view=work] .px-workspace{opacity:1;visibility:visible}.px-workspace{display:grid;grid-template-rows:minmax(0,1fr) 210px}.px-visual{position:relative;min-height:0;background:#e9eef1;overflow:hidden}.px-work-note{padding:16px 24px;border-top:1px solid var(--px-border);display:flex;flex-direction:column;justify-content:center}.px-work-note .px-reply{margin-left:auto}.px-work-note .px-bubble{padding:12px 16px}.site-content .px-work-note .px-bubble p{font-size:14px}.px-work-note .px-review,.px-work-note .px-approved-response{align-self:flex-start;width:auto;max-width:88%;margin-top:12px}.px-overline{color:var(--px-soft);font:10px/1.5 SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.px-chat{padding:clamp(24px,6cqi,44px);display:flex;flex-direction:column;justify-content:center;gap:28px}.px-request,.px-reply{width:88%}.px-request{align-self:flex-start}.px-reply{align-self:flex-end}.px-author{display:flex;align-items:center;gap:7px;min-height:28px;margin:0 10px 8px;font-size:12px;color:var(--px-soft)}.px-reply .px-author{justify-content:flex-end;color:var(--px-accent)}.site-content .px-author img{width:28px;height:28px;object-fit:contain}.px-bubble{background:#fff;border:1px solid #ccd6de;padding:18px;border-radius:18px 18px 18px 4px}.px-reply .px-bubble{background:var(--blue, #0952f5);border-color:var(--blue, #0952f5);border-radius:18px 18px 4px}.site-content .px-bubble p{margin:0;font-size:15px;line-height:1.5;color:var(--px-ink)}.site-content .px-reply .px-bubble p{color:#fff}.px-attachment{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px;font-size:11px}.site-content .px-attachment img{width:auto;max-width:100%;height:clamp(140px,30cqi,180px);aspect-ratio:4/3;border-radius:6px;object-fit:cover}.px-attachment small{color:var(--px-soft);font-size:10px;line-height:1.5}.pixel-demo[data-enhanced][data-playing=true][data-step="0"] .px-request{animation:px-chat-pop .65s .15s both}.pixel-demo[data-enhanced][data-step="0"] .px-reply{opacity:0;transform:translateY(24px)}.pixel-demo[data-step="1"] .px-reply{animation:px-chat-pop .65s .15s both}.px-create-panel,.px-model-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:center;padding:32px;background:var(--px-surface)}.px-preflight .is-active{color:var(--px-ink)}.is-active .px-check-mark{border-color:#cbd5dd;border-top-color:var(--px-accent);animation:px-spin 1s linear infinite}.px-preflight li:not(.is-active):not(.is-done){opacity:.8}.pixel-demo[data-running=false] .is-active .px-check-mark{animation-play-state:paused}.px-create-panel h4{font-size:26px;margin:14px 0 26px;letter-spacing:0}.px-preflight{list-style:none;padding:0;margin:0;display:grid;gap:18px;font-size:14px}.px-preflight li{min-height:28px;display:flex;align-items:center;gap:12px;color:var(--px-soft);transition:color .35s}.px-check-mark{display:inline-grid;place-items:center;flex:0 0 22px;height:22px;border:1px solid #94a5b1;border-radius:50%;color:#1d5739;transition:background .35s,border-color .35s;font-size:13px}.px-preflight .is-done{color:var(--px-ink)}.is-done .px-check-mark{background:#b5e4c3;border-color:#b5e4c3}.px-model-window{height:175px;overflow:hidden;margin:24px 0 18px;animation:px-model-enter .32s cubic-bezier(.22,1,.36,1) both}@keyframes px-model-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.px-model-list{transition:transform .32s cubic-bezier(.22,1,.36,1)}.pixel-demo[data-model="1"] .px-model-list{transform:translateY(-175px)}.pixel-demo[data-model="2"] .px-model-list{transform:translateY(-350px)}.pixel-demo[data-model="3"] .px-model-list{transform:translateY(-525px)}.pixel-demo[data-model="4"] .px-model-list{transform:translateY(-700px)}.px-model-list article{height:175px;padding:12px 0}.px-model-meta{display:flex;align-items:center;gap:12px;min-height:24px}.px-model-meta>span:first-child{color:var(--px-soft);font:10px/1.5 monospace;letter-spacing:.06em}.px-model-status{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;background:#f5e4df;color:#93432f;font:600 11px/1.5 sans-serif;opacity:0;transform:translateY(4px)}.px-model-status[data-result=selected]{background:#dcefe3;color:#22643e}.px-model-list article.is-decided .px-model-status{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.px-model-list h4{font-size:clamp(20px,4.3cqi,28px);margin:14px 0;line-height:1.2;letter-spacing:0}.site-content .px-model-list p{color:var(--px-soft);font-size:14px;line-height:1.5;margin:0;max-width:38ch}.px-model-dots{display:flex;gap:8px}.px-model-dots i{width:22px;height:3px;background:#d2dce3;transition:background .3s}.pixel-demo[data-model="0"] .px-model-dots i:nth-child(1),.pixel-demo[data-model="1"] .px-model-dots i:nth-child(2),.pixel-demo[data-model="2"] .px-model-dots i:nth-child(3),.pixel-demo[data-model="3"] .px-model-dots i:nth-child(4),.pixel-demo[data-model="4"] .px-model-dots i:nth-child(5){background:var(--px-accent)}.px-generation{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--px-surface);padding:24px;text-align:center}.px-generation strong{font-size:18px}.px-generation>span:last-child{color:var(--px-soft);font:11px/1.5 monospace}.px-loader{width:32px;height:32px;border:2px solid #d2dce3;border-top-color:var(--px-accent);border-radius:50%;animation:px-spin 1s linear infinite}.pixel-demo[data-phase=edit] .px-generation{inset:auto 20px 20px;padding:14px;flex-direction:row;background:#f8fafbf2;border:1px solid #a9bcc8;border-radius:6px;gap:12px}.pixel-demo[data-phase=edit] .px-generation strong{font-size:13px}.pixel-demo[data-phase=edit] .px-generation>span:last-child{display:none}.pixel-demo[data-phase=edit] .px-loader{width:18px;height:18px}.px-photo{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.site-content .px-photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity 1s .4s ease}.px-fog,.px-condensation{opacity:0}.pixel-demo[data-image=fog] .px-fog,.pixel-demo[data-image=final] .px-fog,.pixel-demo[data-image=final] .px-condensation{opacity:1}.px-region-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.px-region-bg,.px-region-plate{opacity:0;transition:opacity .6s ease}.pixel-demo[data-region=background] .px-region-bg,.pixel-demo[data-region=plate] .px-region-plate{opacity:1}.px-region-outline{fill:#b8f2ff;fill-opacity:.04;stroke:#c0f3ff;stroke-width:2;stroke-dasharray:10 8;animation:px-boundary 3s linear infinite paused}.px-scan{animation:px-scan 3s ease-in-out infinite paused}.px-region-label{position:absolute;z-index:3;bottom:20px;left:50%;transform:translate(-50%);white-space:nowrap;background:#f8fafbf2;border:1px solid #85b5c1;border-radius:4px;color:#195367;padding:8px 10px;font:9px/1.5 monospace}.pixel-demo[data-phase=edit] .px-region-label{bottom:84px}.pixel-demo[data-running=true][data-region=background] .px-region-bg :is(.px-scan,.px-region-outline),.pixel-demo[data-running=true][data-region=plate] .px-region-plate :is(.px-scan,.px-region-outline){animation-play-state:running}.pixel-demo[data-running=false] .px-scan,.pixel-demo[data-running=false] .px-region-outline,.pixel-demo[data-running=false] .px-loader{animation-play-state:paused}.px-art-label{position:absolute;z-index:3;top:12px;left:12px;max-width:calc(100% - 24px);padding:8px 10px;border-radius:4px;color:#243d51;background:#f8fafbe8;font:9px/1.5 monospace;letter-spacing:.06em}.px-review .px-author,.px-approved-response .px-author{min-height:18px;margin-bottom:6px;font-size:11px}.px-review button{display:flex;align-items:center;gap:24px;padding:10px 16px;background:#fff;color:var(--blue, #0952f5);border:1px solid #b7c9db;border-radius:14px 14px 14px 4px;font-size:13px;font-weight:600;transition:background .25s,border-color .25s}.px-review button:hover{background:#edf4ff;border-color:var(--blue, #0952f5)}.px-approved-response{animation:px-chat-pop .45s both}.px-approved-response .px-bubble{padding:10px 16px}.site-content .px-approved-response .px-bubble p{font-size:13px}.px-approved-response .px-bubble span{color:#276143;margin-left:8px}.px-checks{position:absolute;bottom:18px;left:20px;right:20px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.px-checks span{background:#f4fff7f2;color:#276143;border:1px solid #9dbda8;border-radius:4px;padding:6px 8px;font-size:10px;animation:px-answer .4s .5s both}.px-checks span:nth-child(2){animation-delay:.7s}.px-checks span:nth-child(3){animation-delay:.9s}.px-controls{display:flex;justify-content:flex-end;gap:4px;padding:4px 16px 12px}.px-controls button{display:grid;place-items:center;width:40px;height:40px;background:transparent;border:0;color:var(--px-soft);border-radius:50%;transition:color .25s,background .25s}.px-controls button:hover{color:var(--px-ink);background:#e4ebf0}.px-controls svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.px-controls .px-play{color:var(--blue, #0952f5)}.px-controls .px-pause-icon,.pixel-demo[data-playing=true] .px-play-icon{display:none}.pixel-demo[data-playing=true] .px-pause-icon{display:block}@keyframes px-answer{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes px-chat-pop{0%{opacity:0;transform:translateY(28px) scale(.98)}65%{opacity:1;transform:translateY(-4px) scale(1.005)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes px-spin{to{transform:rotate(360deg)}}@keyframes px-boundary{to{stroke-dashoffset:-36}}@keyframes px-scan{0%{transform:translateY(-160px)}to{transform:translateY(941px)}}@container (max-width:420px){.px-viewport{height:550px}.pixel-demo[data-view=work]:is([data-phase=image],[data-phase=edit],[data-phase=review]) .px-viewport{height:calc(56.25cqi + 230px)}.px-workspace{grid-template-rows:minmax(0,1fr) 230px}.px-chat{padding:22px;gap:20px}.site-content .px-bubble p{font-size:14px}.px-request{width:94%}.px-reply{width:94%;gap:8px}.px-bubble{padding:14px}.px-attachment{margin-top:10px}.site-content .px-attachment img{width:auto;height:140px}.px-art-label{padding:7px 9px;font-size:8px}.px-work-note{padding:18px}.site-content .px-work-note .px-bubble p{font-size:13px}.px-work-note .px-bubble{padding:12px}.px-model-panel,.px-create-panel{padding:22px}.px-preflight{font-size:12px;gap:14px}.px-create-panel h4{font-size:22px}.px-region-label{font-size:7px;padding:7px}.px-controls{gap:4px}}@media(prefers-reduced-motion:reduce){.pixel-demo *,.pixel-demo *:before,.pixel-demo *:after{animation:none!important;transition:none!important}}.site-content #example-squint .case-copy>p{max-width:52ch}.sq-evaluation-types{margin:28px 0;display:grid;gap:13px}.sq-evaluation-types>div{display:grid;grid-template-columns:160px 1fr;gap:14px}.sq-evaluation-types dt{font-size:13px;font-weight:600}.sq-evaluation-types dd{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.squint-demo{min-width:0;container-type:inline-size;border:1px solid #cbd5dd;border-radius:8px;background:#f8fafb;overflow:hidden}.squint-demo [hidden]{display:none!important}.sq-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;touch-action:pan-y}.site-content .sq-stage>img{display:block;width:100%}.squint-demo[data-enhanced] .sq-stage{display:block;aspect-ratio:16/9;cursor:ew-resize}.squint-demo[data-enhanced] .sq-stage>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.squint-demo[data-enhanced] .sq-source{clip-path:inset(0 calc(100% - var(--sq-reveal,70%)) 0 0)}.sq-image-label{position:absolute;z-index:2;top:12px;padding:7px 9px;background:#f8fafbed;color:#243d51;border-radius:4px;font:9px/1.5 monospace;letter-spacing:.05em}.sq-original-label{left:12px}.sq-edit-label{right:12px}.sq-divider{display:none;position:absolute;z-index:3;left:var(--sq-reveal,70%);top:0;bottom:0;width:2px;background:#fff;pointer-events:none}.squint-demo[data-enhanced] .sq-divider{display:block}.sq-divider>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#132335;font-size:21px;box-shadow:0 1px 8px #13233530}.sq-stage input{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.sq-stage:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:-3px}.sq-failure-region{position:absolute;z-index:2;left:53%;top:65%;width:24%;height:22%;border:2px solid #ffbd86;border-radius:3px;box-shadow:0 0 0 1px #71271080;pointer-events:none;opacity:0;transition:opacity .3s}.sq-failure-region>span{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translate(-50%);white-space:nowrap;font:8px/1.5 monospace;background:#fff0e4;color:#7d351e;padding:3px 6px;border-radius:3px}.squint-demo[data-inspected=true] .sq-failure-region{opacity:1}.sq-results{height:210px;padding:18px 22px;position:relative;border-top:1px solid #cbd5dd}.sq-result-chips{display:flex;gap:6px}.sq-chip{flex:1;min-width:0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:3px 8px;border:1px solid #c6d8cd;padding:7px 9px;border-radius:5px;background:#edf6ef;color:#25613c;font:10px/1.4 Helvetica Neue,Arial,sans-serif;text-align:left}.sq-chip strong{font-weight:600;white-space:nowrap}button.sq-chip{cursor:pointer}.sq-fail{background:#fff0e9;border-color:#e5beac;color:#913b24}.sq-fail:hover{background:#ffe4d6;border-color:#b86040}.squint-demo[data-enhanced][data-inspected=false] .sq-result-chips{visibility:hidden}.squint-demo[data-inspected=true] .sq-chip{animation:sq-result-in .3s both}.squint-demo[data-inspected=true] .sq-chip:nth-child(2){animation-delay:.12s}.squint-demo[data-inspected=true] .sq-chip:nth-child(3){animation-delay:.24s}.sq-prompt{position:absolute;top:18px;right:22px;bottom:18px;left:22px;display:flex;flex-direction:column;justify-content:center;gap:12px}.site-content .sq-prompt p{font-size:20px;line-height:1.3;font-weight:600}.sq-prompt>span:last-child{font-size:12px;color:var(--muted)}.squint-demo[data-inspected=true] .sq-prompt{display:none}.sq-evidence{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:18px;margin-top:18px;animation:sq-result-in .35s .24s both}.sq-finding .eyebrow{font-size:8px;letter-spacing:.04em}.sq-finding h4{font-size:16px;margin:6px 0;line-height:1.25}.site-content .sq-finding p{font-size:12px;line-height:1.5;color:var(--muted)}.sq-crops{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sq-crop{position:relative;aspect-ratio:1.75;overflow:hidden;border:1px solid #b6c5d0;border-radius:3px}.site-content .sq-crop img{position:absolute;width:420%;max-width:none;height:auto;left:0;top:0;transform:translate(-53%,-65%)}.sq-crops>div:last-child .sq-crop{border-color:#bd7050}.sq-crops>div>span{display:block;margin-top:5px;color:var(--muted);font:8px/1.4 monospace}.sq-footer{height:54px;padding:4px 22px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;font:10px/1.4 monospace;color:var(--muted)}.sq-footer>span:first-child{color:#243d51}.sq-footer>span:first-child>span{margin-left:7px}@keyframes sq-result-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@container (max-width:420px){.sq-results{height:230px;padding:14px}.sq-chip{flex-direction:column;align-items:flex-start;padding:6px;font-size:9px}.sq-evidence{gap:10px;margin-top:16px}.sq-finding h4{font-size:14px}.site-content .sq-finding p{font-size:11px}.sq-finding .eyebrow{font-size:7px}.sq-crops{gap:5px}.sq-crop{aspect-ratio:1.15}.site-content .sq-crop img{transform:translate(-53%,-60%)}.sq-footer{padding-inline:14px;font-size:8px}.sq-failure-region>span{font-size:6px;padding:2px 4px}}@media(max-width:700px){.sq-evaluation-types>div{grid-template-columns:1fr;gap:3px}}@media(prefers-reduced-motion:reduce){.squint-demo *{animation:none!important;transition:none!important}}[data-squint-demo]:not([data-enhanced]) .sq-prompt{display:none}[data-squint-demo]:not([data-enhanced]) .sq-results{height:auto;min-height:80px}[data-squint-demo]:not([data-enhanced]) .sq-source{order:-1}.sq-evaluated-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;clip-path:inset(0 0 0 var(--sq-reveal,70%))}.sq-example-visuals{min-width:0}.sq-example-visuals>[hidden],.sq-example-picker[hidden]{display:none!important}.sq-example-picker{margin-top:26px}.sq-example-picker>span{display:block;margin-bottom:10px}.sq-example-picker>div{display:flex;flex-wrap:wrap;gap:8px}.sq-example-picker button{border:1px solid #aebfd0;border-radius:4px;background:transparent;color:var(--ink);padding:9px 12px;font:500 12px/1.4 Helvetica Neue,Arial,sans-serif;cursor:pointer}.sq-example-picker button:hover{background:#d8e4ee}.sq-example-picker button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.sq-cat-stage{display:grid;grid-template-columns:1fr 1fr;aspect-ratio:16/9;background:#e9eef1}.sq-cat-photo{position:relative;min-width:0;overflow:hidden}.sq-cat-photo+.sq-cat-photo{border-left:2px solid #fff}.site-content .sq-cat-photo>img{position:absolute;width:100%;height:100%;object-fit:cover}.sq-cat-photo>.sq-image-label{left:12px}.sq-cat-photo:last-child>.sq-image-label{left:12px;right:auto}.sq-cat-highlight{position:absolute;left:43%;top:75%;width:25%;height:14%;border:2px solid #ffbd86;border-radius:3px;box-shadow:0 0 0 1px #71271080;transition:left .25s,top .25s,width .25s,height .25s}.sq-cat-highlight>span{position:absolute;top:-9px;left:-9px;display:grid;place-items:center;width:18px;height:18px;font:600 10px/1 monospace;background:#fff0e4;color:#7d351e;border:1px solid #b96741;border-radius:50%}.sq-cat-eyes{left:44%;top:21%;width:27%;height:10%}.sq-cat-ear{left:59%;top:7%;width:20%;height:13%}.site-content .sq-cat-demo .sq-crop img{width:225%;left:50%;top:50%}.site-content .sq-cat-demo .sq-cat-reference-crop img{transform:translate(-38%,-37%)}.site-content .sq-cat-demo .sq-cat-candidate-crop img{transform:translate(-57%,-22%)}
