.wf-showcase{--wf-accent:var(--color-primary-comfy-yellow);--wf-duration:21s;isolation:isolate;max-width:1440px;color:var(--color-workflow-foreground);margin:28px auto 0;padding:0 40px;position:relative;left:-1px}.wf-showcase:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle, color-mix(in srgb, var(--color-primary-warm-white) 16%, transparent) 1px, transparent 1.1px);background-size:5px 5px;position:absolute;inset:-32px 0;mask-image:radial-gradient(currentColor 25%,#0000 72%)}.wf-scroll{overflow:hidden}workflow-examples{display:block}workflow-examples[data-paused] .wf-example *{animation-play-state:paused}.wf-stage{width:100%;aspect-ratio:var(--wf-aspect,1600 / 480);position:relative;container-type:inline-size}.wf-scene{opacity:0;visibility:hidden;position:absolute;inset:0}.wf-scene,.wf-node,.wf-connections path,.wf-agent,.wf-user,.wf-generated-image,.wf-selection,.wf-video-cue{animation-name:var(--wf-animation);animation-duration:var(--wf-duration);animation-timing-function:linear;animation-iteration-count:infinite}.wf-node{background:var(--color-secondary-cool-gray);opacity:0;transform-origin:50%;border-radius:.644cqw;position:absolute}.wf-node-heading{font-family:var(--font-formula);letter-spacing:-.01em;text-transform:uppercase;font-size:max(7px,.625cqw);font-weight:800;line-height:1.1;position:absolute;top:1cqw;left:1.5cqw}.wf-port{z-index:1;background:var(--wf-accent);border-radius:50%;width:.5cqw;height:.5cqw;position:absolute;transform:translate(-50%,-50%)}.wf-node-image,.wf-image-well{object-fit:cover;display:block;position:absolute}.wf-image-well{background:var(--color-primary-warm-gray)}video.wf-node-image{backface-visibility:hidden;transform:translateZ(0)}.wf-generated-image,.wf-selection{opacity:0}.wf-selection{border:2px solid var(--color-workflow-selection);border-radius:inherit;pointer-events:none;position:absolute;inset:-3px}.wf-prompt-well{background:var(--color-secondary-cool-gray);font-family:var(--font-formula);border-radius:.322cqw;margin:0;padding:.75cqw .875cqw .375cqw;font-size:max(7px,.6875cqw);font-weight:600;line-height:1.5;position:absolute}.wf-example[data-example=conditioner] .wf-node-heading{height:2cqw;color:var(--color-primary-warm-white);letter-spacing:0;white-space:nowrap;justify-content:flex-end;align-items:center;font-size:max(8px,.75cqw);font-weight:400;line-height:1;display:flex;inset:0 .75cqw auto}.wf-kind-landscape :is(.wf-node-image,.wf-image-well),.wf-kind-featured :is(.wf-node-image,.wf-image-well){border-radius:.5cqw;width:calc(100% - 1cqw);height:calc(100% - 2.5cqw);position:absolute;top:2cqw;left:.5cqw}.wf-kind-featured{border-radius:.644cqw}.wf-product-references{grid-template-columns:repeat(3,1fr);gap:.5cqw;display:grid;position:absolute;inset:2cqw .5cqw .5cqw}.wf-product-references img{object-fit:cover;border-radius:.25cqw;width:100%;height:100%}.wf-kind-processor .wf-prompt-well{background:color-mix(in srgb, var(--color-primary-warm-gray) 65%, var(--color-secondary-cool-gray));color:var(--color-primary-warm-white);border-radius:.5cqw;padding:.4cqw;font-size:max(7px,.7cqw);font-weight:400;line-height:1.3;inset:2cqw .5cqw .5cqw}.wf-video-cue{visibility:hidden;animation-name:wf-video-reveal;position:absolute}@keyframes wf-video-reveal{0%{opacity:0}to{opacity:1}}.wf-connections{width:100%;height:auto;position:absolute;inset:0;overflow:visible}.wf-connections path{fill:none;stroke:var(--wf-accent);stroke-width:2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px}.wf-agent{transform-origin:0 0;z-index:2;aspect-ratio:459/223;opacity:0;pointer-events:none;width:6.5cqw;position:absolute;top:0;left:0}.wf-agent-pointer{width:1.454cqw;height:1.626cqw;position:absolute;top:0;left:0;transform:rotate(-34.18deg)}.wf-agent-badge{color:var(--color-primary-comfy-ink);--cursor-fill:var(--color-primary-comfy-yellow);top:1.802cqw;left:.836cqw}.wf-agent-badge img{width:1.1cqw;height:1.3cqw}.wf-user{transform-origin:0 0;z-index:2;opacity:0;pointer-events:none;width:5.63cqw;height:3.633cqw;position:absolute;top:1.5cqw;left:1.5cqw}.wf-user-pointer{width:1.454cqw;height:1.626cqw;position:absolute;top:0;left:0;transform:rotate(-34.18deg)}.wf-user-badge{color:var(--color-primary-warm-white);--cursor-fill:var(--color-primary-comfy-plum);top:1.802cqw;left:.836cqw}.wf-cursor-badge{height:1.831cqw;font-family:var(--font-formula-narrow);text-transform:uppercase;white-space:nowrap;isolation:isolate;align-items:center;gap:.5cqw;padding:0 .7cqw;font-size:1.098cqw;font-weight:600;line-height:1;display:flex;position:absolute}.wf-cursor-badge:before{content:"";z-index:-1;background:var(--cursor-fill);border-radius:.5cqw;position:absolute;inset:0;transform:skew(-15deg)}.agent-workflow .wf-node{background:var(--color-secondary-charcoal);border-radius:.9cqw;box-shadow:inset 0 0 0 1px #ffffff1f}.agent-workflow .wf-showcase{margin-top:40px}.agent-workflow .wf-showcase:before{opacity:.4}.agent-workflow .wf-port{z-index:3;width:.4cqw;height:.4cqw}.agent-workflow .wf-kind-processor .wf-prompt-well{background:var(--color-secondary-cool-gray);font-size:max(7px,.6875cqw);line-height:1.3}.agent-workflow .wf-product-references{gap:.4cqw;inset:2.25cqw .6cqw .6cqw}.agent-workflow .wf-product-references img{object-fit:contain;border-radius:.35cqw}.agent-workflow .wf-example[data-example=conditioner] .wf-node-heading{color:var(--color-primary-warm-white);font-size:max(8px,.75cqw);font-weight:700;inset-inline:1.4cqw}.agent-workflow .wf-example[data-example=conditioner] .wf-kind-processor .wf-node-heading{font-family:var(--font-formula);justify-content:center;inset-inline:1.4cqw}.agent-workflow .wf-example[data-example=conditioner] :is(.wf-kind-landscape,.wf-kind-featured) .wf-node-heading{z-index:2;background:var(--color-secondary-deep-plum);height:1.5cqw;color:var(--color-primary-comfy-yellow);border-radius:.3cqw;justify-content:flex-start;gap:.4cqw;padding-inline:.5cqw;font-size:max(8px,.75cqw);inset:.6cqw auto auto .6cqw}.agent-workflow :is(.wf-kind-landscape,.wf-kind-featured) .wf-node-heading:before{content:"";background:var(--color-primary-comfy-yellow);border-radius:50%;flex:0 0 .4cqw;width:.4cqw;height:.4cqw}.agent-workflow :is(.wf-kind-landscape,.wf-kind-featured).wf-has-input .wf-node-heading:before{visibility:hidden}.agent-workflow :is(.wf-kind-landscape,.wf-kind-featured) :is(.wf-node-image,.wf-image-well){border-radius:inherit;width:100%;height:100%;inset:0}@media (width<=1023px){.wf-showcase{display:none}}@media (prefers-reduced-motion:reduce){.wf-showcase :is(.wf-scene,.wf-scene *){animation:none}.wf-scene{opacity:1;visibility:visible}.wf-node{opacity:1;transform:none}.wf-generated-image,.wf-selection,.wf-user{opacity:1}.wf-connections path{opacity:1;stroke-dashoffset:0}.wf-agent{display:none}}.mobile-workflow-cursor[data-astro-cid-e2uqqwbr]{z-index:20;pointer-events:none;transform-origin:0 0;position:absolute}.mobile-workflow-pointer[data-astro-cid-e2uqqwbr]{width:16px;height:18px;transform:rotate(-34.18deg)}.mobile-workflow-cursor-badge[data-astro-cid-e2uqqwbr]{width:max-content;height:24px;font-family:var(--font-formula-narrow);text-transform:uppercase;white-space:nowrap;isolation:isolate;align-items:center;gap:6px;padding-inline:10px;font-size:14px;font-weight:600;line-height:1;display:flex;position:absolute;top:20px;left:9px}.mobile-workflow-cursor-logo[data-astro-cid-e2uqqwbr]{flex-shrink:0;width:12px;height:14px}.mobile-workflow-cursor-text[data-astro-cid-e2uqqwbr]{display:block;transform:translateY(1px)}.mobile-workflow-cursor-badge[data-astro-cid-e2uqqwbr]:before{content:"";z-index:-1;background:var(--cursor-fill);border-radius:5px;position:absolute;inset:0;transform:skew(-15deg)}.mobile-workflow-user[data-astro-cid-e2uqqwbr]{--cursor-fill:var(--color-primary-comfy-plum);color:var(--color-primary-warm-white);animation:12s ease-in-out infinite workflow-mobile-user;top:-52px;left:66%}.mobile-workflow-agent-cursor[data-astro-cid-e2uqqwbr]{--cursor-fill:var(--color-primary-comfy-yellow);color:var(--color-primary-comfy-ink);animation:12s ease-in-out infinite workflow-mobile-agent;top:calc(100% - 42px);left:calc(100% - 88px)}@keyframes workflow-mobile-user{0%,3%{opacity:1;top:45%;left:16%;transform:scale(1)}4%{top:45%;left:16%;transform:scale(.85)}6%{top:45%;left:16%;transform:scale(1)}11%{top:45%;left:66%;transform:scale(1)}12%{top:45%;left:66%;transform:scale(.85)}14%{top:45%;left:66%;transform:scale(1)}18%,94%{opacity:1;top:-52px;left:66%}to{opacity:0;top:-52px;left:66%}}@keyframes workflow-mobile-agent{0%,14%{opacity:0;top:24px;left:12%;transform:scale(1)}17%{opacity:1;top:24px;left:22%;transform:scale(1)}18%{opacity:1;top:24px;left:22%;transform:scale(.85)}20%,23%{opacity:1;top:24px;left:22%;transform:scale(1)}29%{top:calc(100% - 120px);left:54%;transform:scale(1)}30%{top:calc(100% - 120px);left:54%;transform:scale(.85)}32%{top:calc(100% - 120px);left:54%;transform:scale(1)}38%,94%{opacity:1;top:calc(100% - 42px);left:calc(100% - 88px)}to{opacity:0;top:calc(100% - 42px);left:calc(100% - 88px)}}.mobile-workflow-input[data-astro-cid-e2uqqwbr]{animation:12s ease-in-out infinite workflow-mobile-input}.mobile-workflow-reference[data-astro-cid-e2uqqwbr]{animation:12s ease-in-out infinite workflow-mobile-reference}.mobile-workflow-process[data-astro-cid-e2uqqwbr]{animation:12s ease-in-out infinite workflow-mobile-process}.mobile-workflow-output[data-astro-cid-e2uqqwbr]{animation:12s ease-in-out infinite workflow-mobile-output}@keyframes workflow-mobile-input{0%,to{opacity:0}6%,94%{opacity:1}}@keyframes workflow-mobile-reference{0%,8%,to{opacity:0}14%,94%{opacity:1}}@keyframes workflow-mobile-process{0%,16%,to{opacity:0}22%,94%{opacity:1}}@keyframes workflow-mobile-output{0%,26%,to{opacity:0}34%,94%{opacity:1}}.mobile-workflow-video-cue[data-astro-cid-e2uqqwbr]{visibility:hidden;animation:12s linear infinite workflow-mobile-video-cue;position:absolute}@keyframes workflow-mobile-video-cue{0%{opacity:0}to{opacity:1}}mobile-workflow-connections[data-astro-cid-e2uqqwbr][data-paused] [data-astro-cid-e2uqqwbr]{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.mobile-workflow-cursor[data-astro-cid-e2uqqwbr],.mobile-workflow-input[data-astro-cid-e2uqqwbr],.mobile-workflow-reference[data-astro-cid-e2uqqwbr],.mobile-workflow-process[data-astro-cid-e2uqqwbr],.mobile-workflow-output[data-astro-cid-e2uqqwbr],.mobile-workflow-video-cue[data-astro-cid-e2uqqwbr]{animation:none}}