.WorkflowMocks-module__L7Eouq__settings{--selection-ease:cubic-bezier(.16, 1, .3, 1);--selection-duration:.18s;font-size:clamp(.75rem,1.9cqw,.875rem);line-height:1.4}.WorkflowMocks-module__L7Eouq__group+.WorkflowMocks-module__L7Eouq__group{margin-top:1.5em}.WorkflowMocks-module__L7Eouq__label{color:hsl(var(--muted-foreground));margin-bottom:.6em;font-size:.9em}.WorkflowMocks-module__L7Eouq__options{flex-wrap:wrap;align-items:center;gap:.5em;display:flex}.WorkflowMocks-module__L7Eouq__pill{isolation:isolate;background:hsl(var(--foreground) / .04);min-height:2.4em;color:hsl(var(--muted-foreground));white-space:nowrap;border-radius:999px;align-items:center;gap:.45em;padding:.4em .8em;display:inline-flex;position:relative}.WorkflowMocks-module__L7Eouq__pill[data-selected]{color:hsl(var(--foreground))}.WorkflowMocks-module__L7Eouq__pill[data-selected]:before{z-index:-1;content:"";border-radius:inherit;background:hsl(var(--primary) / .16);position:absolute;inset:0}.WorkflowMocks-module__L7Eouq__icon,.WorkflowMocks-module__L7Eouq__selectionIcon{flex-shrink:0;width:1.1em;height:1.1em}.WorkflowMocks-module__L7Eouq__selectionIcon{color:hsl(var(--primary));position:relative}.WorkflowMocks-module__L7Eouq__check,.WorkflowMocks-module__L7Eouq__previousIcon{width:100%;height:100%;position:absolute;inset:0}.WorkflowMocks-module__L7Eouq__previousIcon{opacity:0;color:hsl(var(--muted-foreground))}.WorkflowMocks-module__L7Eouq__more{color:hsl(var(--muted-foreground));white-space:nowrap;padding-inline:.4em;font-size:.9em}.WorkflowMocks-module__L7Eouq__footer{border-top:1px solid var(--border);justify-content:flex-end;margin-top:1.8em;padding-top:1.25em;display:flex}.WorkflowMocks-module__L7Eouq__generate{--selection-delay:.52s;isolation:isolate;border-radius:var(--radius);background:hsl(var(--foreground) / .04);min-width:8.5em;color:hsl(var(--foreground));white-space:nowrap;justify-content:center;align-items:center;gap:.55em;padding:.75em 1.2em;font-weight:500;display:inline-flex;position:relative}.WorkflowMocks-module__L7Eouq__generate:before{z-index:-1;content:"";border-radius:inherit;background:hsl(var(--primary) / .16);position:absolute;inset:0}.WorkflowMocks-module__L7Eouq__settings[data-playing=true] .WorkflowMocks-module__L7Eouq__pill[data-selected]:before,.WorkflowMocks-module__L7Eouq__settings[data-playing=true] .WorkflowMocks-module__L7Eouq__check,.WorkflowMocks-module__L7Eouq__settings[data-playing=true] .WorkflowMocks-module__L7Eouq__generate:before{animation:WorkflowMocks-module__L7Eouq__confirm-selection var(--selection-duration) var(--selection-ease) var(--selection-delay) both}.WorkflowMocks-module__L7Eouq__settings[data-playing=true] .WorkflowMocks-module__L7Eouq__previousIcon{animation:WorkflowMocks-module__L7Eouq__replace-icon var(--selection-duration) var(--selection-ease) var(--selection-delay) both}@keyframes WorkflowMocks-module__L7Eouq__confirm-selection{0%{opacity:0}to{opacity:1}}@keyframes WorkflowMocks-module__L7Eouq__replace-icon{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.WorkflowMocks-module__L7Eouq__settings[data-playing=true] .WorkflowMocks-module__L7Eouq__pill[data-selected]:before,.WorkflowMocks-module__L7Eouq__settings[data-playing=true] .WorkflowMocks-module__L7Eouq__check,.WorkflowMocks-module__L7Eouq__settings[data-playing=true] .WorkflowMocks-module__L7Eouq__generate:before,.WorkflowMocks-module__L7Eouq__settings[data-playing=true] .WorkflowMocks-module__L7Eouq__previousIcon{animation:none}}.WorkflowMocks-module__L7Eouq__stage{isolation:isolate;border-top:1px solid var(--border-strong);border-left:1px solid var(--border-strong);background:radial-gradient(90% 70% at 25% 0%, hsl(var(--accent) / .28), transparent 70%), radial-gradient(60% 50% at 85% 35%, hsl(var(--accent) / .12), transparent 70%), linear-gradient(135deg, hsl(var(--foreground) / .06), hsl(var(--foreground) / .015) 60%);-webkit-mask-composite:source-in;border-top-left-radius:1.25rem;margin-right:-2rem;overflow:hidden;transform:translateZ(0);-webkit-mask-image:linear-gradient(90deg,#000 72%,#0000),linear-gradient(#000 68%,#0000);mask-image:linear-gradient(90deg,#000 72%,#0000),linear-gradient(#000 68%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.WorkflowMocks-module__L7Eouq__bar{border-bottom:1px solid var(--border);background:hsl(var(--background) / .35);color:hsl(var(--muted-foreground));align-items:center;gap:.875rem;padding:.7rem 1.25rem;font-family:Public Sans,sans-serif;font-size:.75rem;display:flex}.WorkflowMocks-module__L7Eouq__dots{gap:.375rem;margin-right:.25rem;display:inline-flex}.WorkflowMocks-module__L7Eouq__dots i{background:hsl(var(--foreground) / .18);border-radius:999px;width:.5625rem;height:.5625rem}.WorkflowMocks-module__L7Eouq__canvas{padding:2.25rem 4rem 5.5rem 2.25rem}.WorkflowMocks-module__L7Eouq__pin{padding-block:5rem}@media (min-width:768px){.WorkflowMocks-module__L7Eouq__pin{padding-block:7rem}}@media (min-width:1024px) and (min-height:720px){.WorkflowMocks-module__L7Eouq__track{height:300vh}.WorkflowMocks-module__L7Eouq__pin{flex-direction:column;justify-content:center;height:100vh;padding-block:4rem 0;display:flex;position:sticky;top:0}}