.guide-window-demo{--flow-ease:cubic-bezier(.33,0,.13,1);--flow-move:1.1s;--flow-fade:.65s;min-width:0;margin:0;container-type:inline-size}.sw-guides .guide-window-demo{float:right;width:59%;max-width:740px;margin:0 0 24px 32px}.guide-window-demo .guide-eyebrow{color:#ffd400;letter-spacing:.085em;text-transform:uppercase;font-size:.875rem;font-weight:700;line-height:1.5}.window-demo-caption{text-align:center;gap:7px;min-height:108px;padding:4px 0 0;display:grid}.window-demo-caption-stack{align-items:start;display:grid}.window-demo-caption-copy{opacity:0;pointer-events:none;transition:opacity var(--flow-fade) ease,transform var(--flow-fade) var(--flow-ease);grid-area:1/1;align-content:start;gap:7px;display:grid;transform:translateY(5px)}.window-demo-caption-copy[data-active=true]{opacity:1;transform:translateY(0)}.window-demo-caption strong{color:#f4f8f3;letter-spacing:-.025em;font-size:1.2rem;line-height:1.35}.window-demo-caption-copy>span{color:#bccbc0;justify-self:center;max-width:48ch;font-size:.875rem;line-height:1.55}.window-demo-stage{aspect-ratio:1180/740;isolation:isolate;width:100%;position:relative}.window-demo-stage:before{content:"";pointer-events:none;transition:opacity var(--flow-move) ease;background:radial-gradient(#00ff411c,#0000 68%);position:absolute;inset:16% 23% 5%}.window-demo-workspace{z-index:2;overflow-clip-margin:2px;transition:width var(--flow-move) var(--flow-ease),height var(--flow-move) var(--flow-ease),opacity var(--flow-fade) ease;background:0 0;border-radius:1.4cqw;position:absolute;top:3%;right:29.49%;overflow:clip;box-shadow:0 0 28px #00ff4114,0 16px 35px #0008}.window-demo-snapshot{opacity:0;pointer-events:none;transition:opacity var(--flow-fade) ease;position:absolute;top:0;right:0}.window-demo-snapshot[data-active=true]{opacity:1;pointer-events:auto;z-index:1}.guide-window-demo[data-early=true] .window-demo-workspace{opacity:0;pointer-events:none}.workflow-early{aspect-ratio:1040/862;z-index:3;opacity:0;pointer-events:none;width:64%;transition:opacity var(--flow-fade) ease,transform var(--flow-move) var(--flow-ease),box-shadow var(--flow-move) ease,width var(--flow-move) var(--flow-ease),left var(--flow-move) var(--flow-ease),top var(--flow-move) var(--flow-ease);border-radius:8px;position:absolute;top:5%;left:18%;box-shadow:0 16px 35px #0008}.guide-window-demo[data-early=true] .workflow-early{opacity:1;pointer-events:auto}.guide-window-demo:not([data-phase=ready]):not([data-phase=start]) .workflow-early{box-shadow:0 0 28px #00ff4120,0 16px 35px #0008}.guide-window-demo[data-product=true] .workflow-early{width:51%;top:10%;left:47%}.workflow-product{aspect-ratio:9/16;opacity:0;width:27%;transition:opacity var(--flow-fade) ease,transform var(--flow-move) var(--flow-ease);z-index:3;border-radius:8px;position:absolute;top:10%;left:3%;overflow:hidden;transform:translateY(8px);box-shadow:0 14px 30px #0006}.guide-window-demo[data-product=true] .workflow-product{opacity:1;transform:translateY(0)}.window-demo-stage .workflow-product-frame,.window-demo-stage .workflow-product-video{opacity:0;object-fit:contain;border-radius:6px;width:100%;max-width:none;height:100%;position:absolute;inset:0}.window-demo-stage .workflow-product-frame[data-active=true],.workflow-product-video[data-active=true]{opacity:1}.window-demo-stage .workflow-source-to-preview{opacity:0;z-index:6;pointer-events:none;object-fit:contain;width:27%;height:76.7%;position:absolute;top:10%;left:3%}.guide-window-demo[data-phase=capture] .workflow-source-to-preview{animation:workflow-to-preview 1.8s var(--flow-ease) both}@keyframes workflow-to-preview{0%{opacity:0;width:27%;height:76.7%;top:10%;left:3%}12%{opacity:1}78%{opacity:1;left:var(--queue-x);top:var(--queue-y);width:var(--queue-w);height:var(--queue-h)}to{opacity:0;left:var(--queue-x);top:var(--queue-y);width:var(--queue-w);height:var(--queue-h)}}.guide-window-demo[data-phase=ready] .window-demo-stage:before,.guide-window-demo[data-phase=start] .window-demo-stage:before{opacity:0}.workflow-frame{opacity:0;transition:opacity var(--flow-fade) ease;position:absolute;inset:0}.workflow-frame[data-active=true]{opacity:1}.window-demo-hotspot:disabled{pointer-events:none}.workflow-start-press{pointer-events:none;opacity:0;z-index:5;border:2px solid #fff;border-radius:5px;position:absolute}.workflow-start-pointer{z-index:6;opacity:0;pointer-events:none;filter:drop-shadow(0 2px 3px #000);width:22px;height:26px;position:absolute}.workflow-start-pointer svg{fill:#fff;stroke:#111;stroke-width:1.5px;width:100%;height:100%}.guide-window-demo[data-phase=start] .workflow-start-press{animation:1.1s both workflow-start-press}.guide-window-demo[data-phase=start] .workflow-start-pointer{animation:1.1s both workflow-start-pointer}@keyframes workflow-start-pointer{0%{opacity:0;transform:translate(22px,15px)}25%,72%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}@keyframes workflow-start-press{0%,30%{opacity:0}45%,65%{opacity:1;background:#0003;scale:.97}to{opacity:0;scale:1}}.window-demo-stage .workflow-capture-flight{z-index:5;left:var(--from-x);top:var(--from-y);width:var(--from-w);height:var(--from-h);opacity:0;object-fit:contain;pointer-events:none;border-radius:4px;position:absolute}.guide-window-demo[data-phase=sale] .workflow-capture-flight{animation:workflow-photo-match 1.5s var(--flow-ease) both}@keyframes workflow-photo-match{0%{opacity:0;left:var(--from-x);top:var(--from-y);width:var(--from-w);height:var(--from-h)}15%{opacity:1}75%{opacity:1;left:var(--to-x);top:var(--to-y);width:var(--to-w);height:var(--to-h)}to{opacity:0;left:var(--to-x);top:var(--to-y);width:var(--to-w);height:var(--to-h)}}.workflow-printer{aspect-ratio:1;z-index:4;opacity:0;pointer-events:none;width:48%;transition:opacity .9s ease,transform var(--flow-move) var(--flow-ease);position:absolute;top:2%;right:1%;transform:translate(18px,8px)}.guide-window-demo[data-printer=feeding] .workflow-printer{opacity:1;transform:translate(0)}.guide-window-demo[data-phase=printing] .workflow-early{width:40%;left:30%;transform:translate(-48%)}.guide-window-demo[data-phase=print-exit] .workflow-early,.guide-window-demo[data-early=false] .workflow-early{width:44.068%;top:3%;left:26.442%}.workflow-paper-feed{z-index:2;filter:drop-shadow(0 8px 8px #0005);width:63.6%;height:72%;position:absolute;top:55.6%;left:18.2%;overflow:hidden}.workflow-label-strip{flex-direction:column;gap:4px;display:flex;transform:translateY(0)}.window-demo-stage .workflow-label-strip img{background:#fff;border-radius:1px;flex:none}.guide-window-demo[data-printer=feeding] .workflow-label-strip{animation:3s linear both workflow-thermal-feed}@keyframes workflow-thermal-feed{0%,15%{transform:translateY(-100%)}38%,48%{transform:translateY(-50%)}72%,to{transform:translateY(0)}}.window-demo-stage img{object-fit:contain;border-radius:6px;width:100%;max-width:none;height:auto;display:block}.window-demo-workspace img{border-radius:0;height:100%}.window-demo-image{z-index:1;opacity:0;pointer-events:none;transition:transform var(--flow-move) var(--flow-ease),opacity var(--flow-fade) ease;width:25.424%;position:absolute;top:3%;right:2.373%;transform:translate(-65%);box-shadow:0 14px 30px #0005}.guide-window-demo[data-image=true] .window-demo-image{opacity:1;pointer-events:auto;transform:translate(0)}.window-demo-hotspot{cursor:pointer;z-index:4;background:0 0;border:2px solid #0000;border-radius:5px;padding:0;position:absolute}:is(.window-demo-hotspot:hover,.window-demo-hotspot:focus-visible){background:#ffd40018;border-color:#ffd400}.guide-window-demo button:focus-visible{outline-offset:3px;outline:3px solid #ffd400}.window-demo-click{opacity:0;pointer-events:none;z-index:5;border:2px solid #ffd400;border-radius:50%;width:23px;height:23px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #ffd40025}.guide-window-demo[data-phase=chat] .chat-click,.guide-window-demo[data-phase=image] .image-click,.guide-window-demo[data-phase=history] .history-click,.guide-window-demo[data-phase=history-close] .history-click{animation:.85s ease-out both window-demo-tap}@keyframes window-demo-tap{0%{opacity:0;scale:1.35}20%{opacity:1;scale:.75}55%{opacity:1;scale:1}to{opacity:0;scale:1.7}}.window-demo-close{aspect-ratio:1;cursor:pointer;z-index:4;background:0 0;border:0;border-radius:4px;width:10%;padding:0;position:absolute;top:3.5%;right:5%}.window-demo-close:hover{outline:2px solid #ffd400}.window-demo-image-open{cursor:zoom-in;background:0 0;border:0;padding:0;position:absolute;inset:12% 5% 7%}.window-demo-controls{justify-content:center;align-items:center;gap:8px;margin-top:0;display:flex}.window-demo-steps{justify-content:center;align-items:center;gap:0;display:flex}.window-demo-steps button,.window-demo-play{color:#a3b6a8;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:26px;height:28px;padding:0;font-family:inherit;font-size:.875rem;display:grid}.window-demo-steps button span{background:#68776b;border-radius:6px;width:5px;height:5px;transition:width .3s,background-color .3s;display:block}.window-demo-steps button:hover span{background:#d5e5d8}.window-demo-steps button[aria-pressed=true] span{background:#37ff70;width:17px}.window-demo-play{margin-left:2px}.window-demo-media-status{color:#d4dfd6;text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;padding:4px 12px 8px;font-size:.875rem;line-height:1.5;display:flex}.window-demo-media-status button{font:inherit;color:#11170d;cursor:pointer;background:#ffd400;border:0;border-radius:6px;padding:6px 12px;font-weight:650}.window-demo-media-status button:focus-visible{outline-offset:3px;outline:2px solid #fff}.window-demo-play:hover{color:#fff}.window-demo-lightbox{color:#f5fff5;background:#101511;border:1px solid #49664f;border-radius:12px;max-width:94vw;max-height:94svh;padding:48px 10px 10px;overflow:auto}.window-demo-lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#020604dc}.window-demo-lightbox img{object-fit:contain;width:auto;max-width:86vw;height:calc(90svh - 70px);display:block}.window-demo-lightbox>button{color:#eef9f0;cursor:pointer;background:#19291e;border:1px solid #65766a;border-radius:5px;min-height:32px;padding:3px 10px;font-family:inherit;font-size:1rem;font-weight:600;line-height:1.4;position:absolute;top:10px;right:12px}@media (min-width:1100px){.guide-title:has(.guide-window-demo) .guide-lead{font-size:1.05rem}.guide-title:has(.guide-window-demo) h1{font-size:clamp(2rem,3vw,2.7rem)}}@media (max-width:1100px){.sw-guides .guide-window-demo{float:none;width:100%;max-width:820px;margin:0 auto 30px}.guide-title-copy{flex-direction:column;display:flex}.guide-title-copy>.guide-window-demo{order:5;margin-top:24px}.guide-title-copy>.guide-takeaway{order:6}.guide-index-intro{flex-direction:column;display:flex}.guide-index-intro>.guide-window-demo{order:5;margin-top:24px}.window-demo-caption{min-height:96px}}@media (max-width:600px){.window-demo-caption{min-height:144px}.window-demo-caption strong{font-size:1.1rem}.window-demo-controls{gap:2px}.workflow-start-pointer{width:16px;height:20px}}.guide-window-demo[data-playing=false] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.guide-window-demo *{transition:none!important;animation:none!important}.window-demo-click,.workflow-start-pointer,.workflow-start-press,.workflow-capture-flight,.workflow-source-to-preview{display:none}.guide-window-demo[data-phase=printing] .workflow-label-strip{transform:translateY(0)}}