.lab-demo_stage__wwtX_{--lab-accent:#3b82f6;--current-accent:#64748b;--break-accent:#f59e0b;--lab-ink:color-mix(in srgb,var(--lab-accent) 70%,#000);--current-ink:color-mix(in srgb,var(--current-accent) 75%,#000);--break-ink:color-mix(in srgb,var(--break-accent) 58%,#000);--gag-coffee:#6f4a32;--gag-rice:#fbf6e9;--gag-tomato:#e0604f;display:flex;min-width:0;flex-direction:column;gap:12px;scroll-margin-top:76px}html[data-theme=dark] .lab-demo_stage__wwtX_{--current-accent:#94a3b8;--lab-ink:color-mix(in srgb,var(--lab-accent) 70%,#fff);--current-ink:color-mix(in srgb,var(--current-accent) 70%,#fff);--break-ink:color-mix(in srgb,var(--break-accent) 80%,#fff);--gag-coffee:#b98a63;--gag-rice:#f2ecdc;--gag-tomato:#ff8b80}.lab-demo_stage__wwtX_:fullscreen,.lab-demo_stage__wwtX_[data-fallback-fullscreen=true]{width:100vw;height:100dvh;overflow:auto;gap:10px;padding:12px 16px;background:radial-gradient(900px 360px at 10% -10%,var(--page-glow),transparent 62%),var(--background)}.lab-demo_stage__wwtX_[data-fallback-fullscreen=true]{position:fixed;inset:0;z-index:70;padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}.lab-demo_stage__wwtX_::backdrop{background:var(--background)}.lab-demo_stage__wwtX_:fullscreen .lab-demo_band__oiF2q,.lab-demo_stage__wwtX_[data-fallback-fullscreen=true] .lab-demo_band__oiF2q{max-width:none}.lab-demo_panels__X9whm{display:grid;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px}.lab-demo_panel__NDdTX{display:flex;min-width:0;flex-direction:column;overflow:hidden}.lab-demo_panelCurrent__x9c_4{border-color:color-mix(in srgb,var(--current-accent) 28%,var(--border))}.lab-demo_panelFuture__9Iq_b{border-color:color-mix(in srgb,var(--lab-accent) 45%,var(--border));box-shadow:0 18px 44px color-mix(in srgb,var(--lab-accent) 12%,transparent)}.lab-demo_viewport__Fb0Sz{position:relative;height:250px;overflow:hidden;border-block:1px solid color-mix(in srgb,var(--tint) 18%,var(--border));background:radial-gradient(58% 72% at 50% 46%,var(--card),transparent 78%),linear-gradient(90deg,color-mix(in srgb,var(--tint) 9%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--tint) 8%,transparent) 1px,transparent 1px),linear-gradient(180deg,color-mix(in srgb,var(--tint) 7%,var(--card)),color-mix(in srgb,var(--tint) 14%,var(--surface-2)));background-size:auto,44px 44px,44px 44px,auto}.lab-demo_viewportCurrent__1kCMS,.lab-demo_viewport__Fb0Sz{--tint:var(--current-accent)}.lab-demo_viewportFuture__FWlsj{--tint:var(--lab-accent)}.lab-demo_currentChip__J3I5P{border-color:color-mix(in srgb,var(--current-accent) 45%,transparent);background:color-mix(in srgb,var(--current-accent) 12%,var(--card));color:var(--current-ink)}.lab-demo_futureChip__Kjokx{border-color:color-mix(in srgb,var(--lab-accent) 45%,transparent);background:color-mix(in srgb,var(--lab-accent) 12%,var(--card));color:var(--lab-ink)}.lab-demo_accentText__Ovvhx{color:var(--lab-ink)}.lab-demo_currentText__WnIgV{color:var(--current-ink)}.lab-demo_breakText__DeLFK{color:var(--break-ink)}.lab-demo_accentFill__38myx{background:var(--lab-accent)}.lab-demo_currentFill__Dno_o{background:var(--current-accent)}.lab-demo_approvedBadge__V0vlT{border-color:color-mix(in srgb,var(--lab-accent) 50%,transparent);color:var(--lab-ink)}.lab-demo_ruleChip__j1PiA{border-color:var(--border);color:var(--muted-foreground);transition:background-color .2s var(--motion-ease),border-color .2s var(--motion-ease),color .2s var(--motion-ease)}.lab-demo_ruleCheck__cYzLA{border-color:var(--border-strong);color:#fff}.lab-demo_ruleChip__j1PiA[data-applied=true]{border-color:color-mix(in srgb,var(--chip) 55%,transparent);background:color-mix(in srgb,var(--chip) 14%,var(--card));color:var(--foreground)}.lab-demo_ruleChip__j1PiA[data-applied=true] .lab-demo_ruleCheck__cYzLA{border-color:var(--chip);background:var(--chip)}.lab-demo_panelCurrent__x9c_4 .lab-demo_ruleChip__j1PiA[data-applied=true]{background:transparent}.lab-demo_panelCurrent__x9c_4 .lab-demo_ruleChip__j1PiA[data-applied=true] .lab-demo_ruleCheck__cYzLA{background:transparent;color:color-mix(in srgb,var(--chip) 70%,var(--foreground))}.lab-demo_timer__Mu2Cv{font-size:1.75rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.1}.lab-demo_stepLabel___GzB_{font-size:1.125rem;font-weight:600;letter-spacing:-.015em;line-height:1.35}.lab-demo_bigNumber__Z0l4v{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.15}.lab-demo_dayClock__vHvyR{font-size:1.25rem;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.02em;line-height:1.2}.lab-demo_fill__GsF3_{transform-origin:left center}@media (min-width:640px){.lab-demo_viewport__Fb0Sz{height:300px}.lab-demo_timer__Mu2Cv{font-size:2rem}.lab-demo_stepLabel___GzB_{font-size:1.25rem}.lab-demo_bigNumber__Z0l4v{font-size:1.75rem}}@media (min-width:1024px){.lab-demo_panels__X9whm{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-demo_stage__wwtX_{min-height:calc(100dvh - 92px)}.lab-demo_panels__X9whm{flex:1 1 auto}.lab-demo_viewport__Fb0Sz{height:auto;min-height:240px;flex:1 1 auto}.lab-demo_timer__Mu2Cv{font-size:2.125rem}.lab-demo_stage__wwtX_:fullscreen .lab-demo_timer__Mu2Cv,.lab-demo_stage__wwtX_[data-fallback-fullscreen=true] .lab-demo_timer__Mu2Cv{font-size:clamp(2rem,2.5vw,3.25rem)}.lab-demo_stage__wwtX_:fullscreen .lab-demo_stepLabel___GzB_,.lab-demo_stage__wwtX_[data-fallback-fullscreen=true] .lab-demo_stepLabel___GzB_{font-size:clamp(1.25rem,1.4vw,1.75rem)}.lab-demo_stage__wwtX_:fullscreen .lab-demo_bigNumber__Z0l4v,.lab-demo_stage__wwtX_[data-fallback-fullscreen=true] .lab-demo_bigNumber__Z0l4v{font-size:clamp(1.75rem,1.8vw,2.25rem)}}.lab-demo_stage__wwtX_:fullscreen .lab-demo_panels__X9whm,.lab-demo_stage__wwtX_[data-fallback-fullscreen=true] .lab-demo_panels__X9whm{flex:1 1 auto;min-height:0}.lab-demo_stage__wwtX_:fullscreen .lab-demo_viewport__Fb0Sz,.lab-demo_stage__wwtX_[data-fallback-fullscreen=true] .lab-demo_viewport__Fb0Sz{height:auto;min-height:200px;flex:1 1 auto}@media (min-width:1024px){.lab-demo_stage__wwtX_:fullscreen .lab-demo_panels__X9whm,.lab-demo_stage__wwtX_[data-fallback-fullscreen=true] .lab-demo_panels__X9whm{grid-template-rows:minmax(0,1fr)}}@media (max-width:1023px){.lab-demo_stage__wwtX_:fullscreen .lab-demo_viewport__Fb0Sz,.lab-demo_stage__wwtX_[data-fallback-fullscreen=true] .lab-demo_viewport__Fb0Sz{min-height:220px}}@media (min-width:1024px) and (max-height:820px){.lab-demo_stage__wwtX_ .lab-demo_stepLabel___GzB_{font-size:1.125rem}.lab-demo_stage__wwtX_ .lab-demo_chip__JIUzj{padding-block:2px}.lab-demo_stage__wwtX_ .lab-demo_panelFooter__dW0Mj{gap:8px;padding-top:10px;padding-bottom:12px}.lab-demo_stage__wwtX_ .lab-demo_throughput__EWsNU{gap:8px;padding:12px 16px}.lab-demo_stage__wwtX_ .lab-demo_viewport__Fb0Sz{min-height:200px}}.lab-demo_scrubber__0u3lC{--progress:0%;--scrub-track:var(--surface-3);--scrub-break:color-mix(in srgb,var(--break-accent) 45%,var(--surface-3));display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.lab-demo_scrubber__0u3lC::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--lab-accent) var(--progress),transparent var(--progress)),var(--breaks)}.lab-demo_scrubber__0u3lC::-moz-range-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--lab-accent) var(--progress),transparent var(--progress)),var(--breaks)}.lab-demo_scrubber__0u3lC::-webkit-slider-thumb{width:20px;height:20px;margin-top:-6px;-webkit-appearance:none;appearance:none;border:3px solid var(--lab-accent);border-radius:999px;background:var(--card);box-shadow:var(--shadow-soft)}.lab-demo_scrubber__0u3lC::-moz-range-thumb{width:14px;height:14px;border:3px solid var(--lab-accent);border-radius:999px;background:var(--card);box-shadow:var(--shadow-soft)}.lab-demo_scrubTip__88tqf{--fraction:0;position:absolute;top:31px;left:calc(10px + (100% - 20px) * var(--fraction));width:0;pointer-events:none}.lab-demo_scrubTipLabel__z5XNY{position:relative;display:block;width:-moz-max-content;width:max-content;transform:translateX(calc(-8px - (100% - 16px) * var(--fraction)));border-radius:6px;background:var(--foreground);color:var(--background);font-size:11px;font-weight:600;line-height:1;padding:4px 6px;white-space:nowrap}.lab-demo_scrubTipLabel__z5XNY:before{position:absolute;top:-3px;left:calc(8px + (100% - 16px) * var(--fraction));width:8px;height:8px;background:inherit;border-radius:1px;content:"";transform:translateX(-50%) rotate(45deg)}.lab-demo_scrubber__0u3lC:focus-visible{border-radius:8px;outline:2px solid var(--ring);outline-offset:4px}.lab-demo_steam__Rk7Mu path{animation:lab-demo_steam__Rk7Mu 2.6s ease-in-out infinite;opacity:0;transform-box:fill-box;transform-origin:center bottom}.lab-demo_steam__Rk7Mu path:nth-child(2){animation-delay:.85s}.lab-demo_steam__Rk7Mu path:nth-child(3){animation-delay:1.7s}@keyframes lab-demo_steam__Rk7Mu{0%{opacity:0;transform:translateY(8px) scaleY(.75)}35%{opacity:.85}to{opacity:0;transform:translateY(-16px) scaleY(1.15)}}.lab-demo_cursor__F6AwC{position:absolute;top:0;left:0;width:26px;height:26px;animation:lab-demo_cursor-path__tmiCb 7s cubic-bezier(.45,0,.35,1) infinite;filter:drop-shadow(0 2px 3px rgb(0 0 0/.25));pointer-events:none}.lab-demo_cursor__F6AwC:after{position:absolute;top:-6px;left:-6px;width:16px;height:16px;border:2px solid var(--brand-green);border-radius:999px;animation:lab-demo_cursor-click__Suo3k 1.75s ease-out infinite;content:"";opacity:0}@keyframes lab-demo_cursor-path__tmiCb{0%{transform:translate(58%,62%)}18%{transform:translate(46%,40%)}34%{transform:translate(54%,30%)}52%{transform:translate(40%,55%)}70%{transform:translate(60%,48%)}86%{transform:translate(50%,70%)}to{transform:translate(58%,62%)}}@keyframes lab-demo_cursor-click__Suo3k{0%,55%{opacity:0;transform:scale(.4)}65%{opacity:.9}to{opacity:0;transform:scale(1.6)}}.lab-demo_cursorTrack__dZ1GH{position:absolute;inset:0;pointer-events:none}.lab-demo_cursorTrack__dZ1GH>.lab-demo_cursor__F6AwC{width:100%;height:100%}.lab-demo_cursorTrack__dZ1GH>.lab-demo_cursor__F6AwC>svg{width:26px;height:26px}.lab-demo_paused__XPnOL .lab-demo_cursor__F6AwC,.lab-demo_paused__XPnOL .lab-demo_cursor__F6AwC:after,.lab-demo_paused__XPnOL .lab-demo_steam__Rk7Mu path{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.lab-demo_steam__Rk7Mu path{animation:none;opacity:.7;transform:none}.lab-demo_cursor__F6AwC,.lab-demo_cursor__F6AwC:after{animation:none}}.work-demo_caret__h8keq{animation:work-demo_caret-blink__LV6qA 1s steps(2,start) infinite}@keyframes work-demo_caret-blink__LV6qA{to{visibility:hidden}}.work-demo_stamp__6C7UF{animation:work-demo_stamp-in__h5Geb .42s cubic-bezier(.2,1.4,.4,1) both}@keyframes work-demo_stamp-in__h5Geb{0%{opacity:0;transform:scale(1.6) rotate(-14deg)}to{opacity:1;transform:scale(1) rotate(-8deg)}}.work-demo_paused__4Y62R .work-demo_caret__h8keq{animation-play-state:paused}.work-demo_twinkle__sGVyK{animation:work-demo_twinkle__sGVyK 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}.work-demo_twinkle__sGVyK:nth-of-type(2){animation-delay:.6s}.work-demo_twinkle__sGVyK:nth-of-type(3){animation-delay:1.2s}@keyframes work-demo_twinkle__sGVyK{0%,to{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@media (prefers-reduced-motion:reduce){.work-demo_caret__h8keq,.work-demo_twinkle__sGVyK{animation:none}.work-demo_stamp__6C7UF{animation:none;transform:rotate(-8deg)}}