.status-ink{display:inline-block;position:relative}.status-ink--shimmer{--status-ink-shimmer-duration:3s;--status-ink-shimmer-width:35%;--status-ink-shimmer-mask:linear-gradient(90deg, transparent, black, transparent);--status-ink-shimmer-highlight-color:color-mix(in srgb, currentColor, white 55%)}.status-ink__shimmer{animation:status-ink-shimmer var(--status-ink-shimmer-duration) ease-in-out infinite;color:var(--status-ink-shimmer-highlight-color);-webkit-mask-image:var(--status-ink-shimmer-mask);mask-image:var(--status-ink-shimmer-mask);-webkit-mask-position:-60% 0;mask-position:-60% 0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:var(--status-ink-shimmer-width) 100%;mask-size:var(--status-ink-shimmer-width) 100%;pointer-events:none;-webkit-mask-image:var(--status-ink-shimmer-mask);-webkit-mask-position:-60% 0;-webkit-mask-repeat:no-repeat;-webkit-mask-size:var(--status-ink-shimmer-width) 100%;position:absolute;inset:0}.status-ink__highlight{white-space:pre}.status-ink__sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes status-ink-shimmer{0%{-webkit-mask-position:-60% 0;mask-position:-60% 0}to{-webkit-mask-position:160% 0;mask-position:160% 0}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--ash-grey:#b5c2b7;--lavender-grey:#8c93a8;--vintage-grape:#62466b;--vintage-grape-2:#45364b;--shadow-grey:#2d2327;--shiki-background:#24292e;--color-background:var(--lightningcss-light,color-mix(in srgb, var(--ash-grey) 22%, white))var(--lightningcss-dark,var(--shadow-grey));--color-surface:var(--lightningcss-light,color-mix(in srgb, var(--ash-grey) 9%, white))var(--lightningcss-dark,color-mix(in srgb, var(--shadow-grey) 80%, var(--vintage-grape-2)));--color-surface-muted:var(--lightningcss-light,color-mix(in srgb, var(--ash-grey) 30%, white))var(--lightningcss-dark,color-mix(in srgb, var(--shadow-grey) 64%, var(--vintage-grape-2)));--color-text:var(--lightningcss-light,var(--shadow-grey))var(--lightningcss-dark,color-mix(in srgb, var(--ash-grey) 86%, white));--color-text-muted:var(--lightningcss-light,color-mix(in srgb, var(--shadow-grey) 64%, var(--lavender-grey)))var(--lightningcss-dark,var(--lavender-grey));--color-border:var(--lightningcss-light,color-mix(in srgb, var(--ash-grey) 72%, var(--lavender-grey)))var(--lightningcss-dark,color-mix(in srgb, var(--vintage-grape-2) 54%, var(--lavender-grey)));--color-accent:var(--vintage-grape);--color-accent-readable:var(--lightningcss-light,var(--vintage-grape))var(--lightningcss-dark,var(--ash-grey));--color-accent-hover:var(--vintage-grape-2);--color-accent-contrast:white;--color-accent-subtle:var(--lightningcss-light,color-mix(in srgb, var(--vintage-grape) 12%, var(--color-surface)))var(--lightningcss-dark,color-mix(in srgb, var(--vintage-grape) 28%, var(--color-surface)));--color-code-surface:var(--shiki-background);--color-code-surface-muted:color-mix(in srgb, var(--shiki-background) 84%, var(--vintage-grape-2));--color-code-text:color-mix(in srgb, var(--ash-grey) 85%, white);--color-code-muted:var(--lavender-grey);--color-code-border:color-mix(in srgb, var(--shiki-background) 66%, var(--lavender-grey));--color-code-accent:color-mix(in srgb, var(--vintage-grape) 44%, var(--ash-grey));--color-focus:var(--lightningcss-light,var(--vintage-grape))var(--lightningcss-dark,var(--color-code-accent));--color-shadow:color-mix(in srgb, var(--shadow-grey) 20%, transparent);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--color-background);scroll-behavior:smooth}body{background:var(--color-background);min-width:320px;margin:0}button,input,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--color-accent);color:var(--color-accent-contrast);z-index:20;padding:10px 14px;font-weight:700;transition:transform .15s;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header,footer{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:0 auto;padding:24px 32px;display:flex}.site-header nav{align-items:center;gap:28px;margin-left:auto;display:flex}.site-header nav a,footer a{font-size:14px;font-weight:600;text-decoration:none}.site-header nav a:hover,footer a:hover{color:var(--color-accent-readable);text-underline-offset:4px;text-decoration:underline}.wordmark{font-family:var(--mono);letter-spacing:-.04em;align-items:center;gap:9px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.wordmark img{width:24px;height:24px}.theme-switcher{border:1px solid var(--color-border);margin:0;padding:2px;display:flex}.theme-switcher button{color:var(--color-text-muted);cursor:pointer;font-family:var(--mono);text-transform:uppercase;background:0 0;border:0;padding:6px 8px;font-size:10px}.theme-switcher button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-contrast)}.eyebrow{color:var(--color-text-muted);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 22px;font-size:11px;font-weight:500;display:flex}.section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(42px,5vw,68px);font-weight:500;line-height:1}footer{border-top:1px solid var(--color-border);padding-top:44px;padding-bottom:44px}footer p{color:var(--color-text-muted);margin:0;font-size:12px}footer>a:last-child{align-items:center;gap:6px;display:inline-flex}@media (width<=760px){.site-header{flex-wrap:wrap}.site-header nav{order:3;width:100%}}@media (width<=620px){.site-header,footer{padding-left:18px;padding-right:18px}.site-header nav{gap:14px}.site-header nav a:first-child{display:none}footer{flex-direction:column;align-items:flex-start;gap:22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link{transition:none}}.hero{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(40px,7vw,96px);max-width:1240px;min-height:calc(100vh - 86px);margin:0 auto;padding:64px 32px 96px;display:grid}.hero h1{letter-spacing:-.075em;margin:0;font-size:clamp(56px,6.8vw,94px);font-weight:500;line-height:1}.hero h1 em{font-family:Georgia,Times New Roman,serif;font-weight:400}.hero__lede{color:var(--color-text-muted);max-width:540px;margin:30px 0 0;font-size:18px;line-height:1.7}.hero__actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.button{border:1px solid var(--color-accent);align-items:center;gap:6px;padding:13px 18px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.button--primary{background:var(--color-accent);color:var(--color-accent-contrast)}.button--primary:hover{background:var(--color-accent-hover)}.button--secondary:hover{background:var(--color-accent-subtle)}.install-command{border-top:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--mono);align-items:center;gap:9px;max-width:390px;margin-top:34px;padding-top:17px;font-size:12px;display:flex}.install-command>svg{color:var(--lavender-grey);flex:none}.hero-preview{background:var(--color-code-surface);border:1px solid var(--color-code-border);box-shadow:0 30px 80px var(--color-shadow);color:var(--color-code-text);overflow:hidden;transform:rotate(1deg)}.window-bar{border-bottom:1px solid var(--color-code-border);align-items:center;gap:7px;min-height:48px;padding:0 16px;display:flex}.window-bar>span{background:var(--color-code-muted);border-radius:50%;width:7px;height:7px}.window-bar>span:first-child{background:var(--color-accent)}.window-bar p{color:var(--color-code-muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin:0 0 0 auto;font-size:10px}.conversation{min-height:410px;padding:clamp(28px,5vw,56px)}.prompt-bubble{background:var(--color-code-surface-muted);border:1px solid var(--color-code-border);color:var(--color-code-text);border-radius:16px 16px 4px;max-width:290px;margin-left:auto;padding:14px 16px;font-size:14px}.assistant-row{align-items:flex-start;gap:16px;margin-top:54px;display:flex}.assistant-rule{background:var(--color-accent);flex:none;width:3px;height:34px}.assistant-label{color:var(--color-code-muted);letter-spacing:.07em;text-transform:uppercase;margin:1px 0 8px;font-size:11px}.hero-status{color:var(--color-code-accent);font-family:var(--mono);margin:0;font-size:clamp(15px,2vw,19px)}.hero-status .status-ink{--status-ink-shimmer-highlight-color:var(--color-code-text)}.progress-track{background:var(--color-code-surface-muted);height:2px;margin:40px 0 14px 50px}.progress-track span{background:var(--color-accent);transform-origin:0;width:100%;height:100%;animation:3.2s ease-in-out infinite hero-progress;display:block}.preview-meta{color:var(--color-code-muted);font-family:var(--mono);text-transform:uppercase;justify-content:space-between;margin-left:50px;font-size:10px;display:flex}.code-section{background:var(--color-surface-muted);border-top:1px solid var(--color-border);grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:center;gap:70px;padding:100px max(32px,50vw - 588px);display:grid}.section-heading--compact h2{font-size:clamp(38px,4vw,56px)}.code-example{background:var(--color-code-surface);border:1px solid var(--color-code-border);color:var(--color-code-text);min-width:0;overflow:hidden}.stackblitz-link{border-top:1px solid var(--color-code-border);color:var(--color-code-accent);font-family:var(--mono);text-transform:uppercase;justify-content:flex-end;align-items:center;gap:7px;padding:14px 18px;font-size:11px;text-decoration:none;display:flex}.stackblitz-link:hover{color:var(--color-code-text)}.code-tabs{border-bottom:1px solid var(--color-code-border);padding:0 14px;display:flex;overflow-x:auto}.code-tabs button{color:var(--color-code-muted);cursor:pointer;font-family:var(--mono);text-transform:uppercase;background:0 0;border:0;border-bottom:2px solid #0000;padding:16px 14px 13px;font-size:11px}.code-tabs button[aria-pressed=true]{border-bottom-color:var(--color-code-accent);color:var(--color-code-accent)}.code-output .shiki{font-family:var(--mono);min-height:230px;margin:0;padding:26px 28px;font-size:12px;line-height:1.8;overflow:auto;background:var(--color-code-surface)!important}@keyframes hero-progress{0%{transform:scaleX(.08)}55%{transform:scaleX(.78)}to{transform:scaleX(1)}}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:80px}.hero__copy{max-width:680px}.hero-preview{transform:none}.code-section{grid-template-columns:1fr;align-items:stretch}}@media (width<=620px){.hero{min-height:auto;padding:58px 18px 72px}.hero h1{font-size:clamp(52px,17vw,72px)}.hero__lede{font-size:16px}.hero__actions{flex-direction:column;align-items:stretch}.button{text-align:center}.conversation{min-height:340px;padding:28px 22px}.assistant-row{margin-top:42px}.progress-track,.preview-meta{margin-left:0}.code-section{gap:38px;padding:72px 18px}.code-output .shiki{padding:22px 18px;font-size:11px}}@media (prefers-reduced-motion:reduce){.progress-track span{animation:none;transform:scaleX(1)}}.lab-section{--lab-column-gap:32px;--lab-controls-width:270px;background:var(--color-surface);border-top:1px solid var(--color-border);padding:100px max(32px,50vw - 588px)}.lab-section>.section-heading{justify-content:space-between;align-items:end;gap:40px;display:flex}.lab-section>.section-heading>p{color:var(--color-text-muted);max-width:470px;margin:0}.lab-layout{align-items:start;column-gap:var(--lab-column-gap);grid-template-columns:minmax(0, 1fr) var(--lab-controls-width);margin-top:70px;display:grid}.lab-main,.lab-workspace{min-width:0}.lab-controls{background:var(--color-background);border:1px solid var(--color-border);gap:24px;padding:22px;display:grid;position:sticky;top:20px}.lab-controls fieldset{border:0;margin:0;padding:0}.lab-controls legend,.field>span{color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.segmented-control{grid-template-columns:1fr 1fr;display:grid}.segmented-control--three{grid-template-columns:repeat(3,1fr)}.segmented-control button{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;min-height:38px;padding:7px 8px;font-size:12px}.segmented-control button+button{border-left:0}.segmented-control button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.field{display:block}.field textarea,.field input:not([type=range]){background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);resize:vertical;border-radius:0;width:100%;min-width:0;padding:9px 10px}.field--range>span{justify-content:space-between;align-items:center;display:flex}.field--range output{color:var(--color-text);font-family:var(--mono)}.field--range input{accent-color:var(--color-accent);width:100%}.status-buttons{gap:5px;display:grid}.status-buttons button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:left;padding:8px 9px;font-size:12px}.status-buttons button[aria-pressed=true]{border-color:var(--color-accent);box-shadow:inset 3px 0 var(--color-accent);font-weight:700}.toggle{align-items:center;gap:10px;font-size:13px;display:flex}.toggle input{accent-color:var(--color-accent);width:17px;height:17px}.lab-controls details{border-top:1px solid var(--color-border);padding-top:18px}.lab-controls summary{cursor:pointer;font-size:12px;font-weight:700}.advanced-fields{gap:16px;padding-top:18px;display:grid}.catalog-workspace{min-width:0}.primary-preview{background:var(--color-code-surface);border:1px solid var(--color-code-border);color:var(--color-code-text);min-width:0}.primary-preview__header{border-bottom:1px solid var(--color-code-border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.primary-preview__header p,.primary-preview__header h3,.stage-label,.stage-description{margin:0}.primary-preview__header p,.stage-label{color:var(--color-code-muted);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:10px}.primary-preview__header h3{margin-top:2px;font-size:20px;font-weight:600}.play-control{border:1px solid var(--color-code-border);color:var(--color-code-text);cursor:pointer;font-family:var(--mono);text-transform:uppercase;background:0 0;align-items:center;gap:8px;padding:8px 11px;font-size:11px;display:flex}.play-control:hover{border-color:var(--color-code-accent);color:var(--color-code-accent)}.primary-preview__stage{min-height:290px;padding:clamp(34px,6vw,70px)}.stage-status{color:var(--color-code-accent);font-family:var(--mono);letter-spacing:-.04em;overflow-wrap:anywhere;margin:28px 0 20px;font-size:clamp(25px,4vw,46px);line-height:1.2}.stage-status .status-ink{--status-ink-shimmer-highlight-color:var(--color-code-text)}.stage-description{color:var(--color-code-muted);font-size:13px}.catalog-heading{justify-content:space-between;align-items:end;margin:40px 0 14px;display:flex}.catalog-heading h3,.catalog-heading p{margin:0}.catalog-heading h3{font-size:18px}.catalog-heading p{color:var(--color-text-muted);font-size:12px}.effect-catalog{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.effect-option{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:100px;margin:-1px 0 0 -1px;padding:16px 18px;display:grid}.effect-option:hover,.effect-option--selected{background:var(--color-accent-subtle);border-color:var(--color-accent);z-index:1;position:relative}.effect-option--selected{box-shadow:inset 3px 0 var(--color-accent)}.effect-option--custom{background:var(--color-accent-subtle);grid-column:1/-1}.effect-option__index{color:var(--color-text-muted);font-family:var(--mono);font-size:10px}.effect-option__copy{gap:5px;display:grid}.effect-option__copy strong{font-family:var(--mono);font-size:13px;font-weight:500}.effect-option__copy small{color:var(--color-text-muted);font-size:11px;line-height:1.4}.effect-option__arrow{color:var(--color-accent-readable)}.custom-effect-card{background:var(--color-accent-subtle);border:1px solid var(--color-accent);margin-top:40px;padding:clamp(24px,4vw,42px)}.custom-effect-card .eyebrow{color:var(--color-accent-readable);margin-bottom:12px}.custom-effect-card h3{letter-spacing:-.04em;max-width:720px;margin:0;font-size:clamp(24px,3vw,36px);font-weight:500;line-height:1.1}.custom-effect-card>p:not(.eyebrow){color:var(--color-text-muted);max-width:720px;margin:18px 0 24px}.custom-effect-card .code-output{border:1px solid var(--color-code-border);margin-bottom:22px}.custom-effect-card .code-output .shiki{min-height:0}.custom-effect-card code{color:var(--color-accent-readable);font-family:var(--mono)}.custom-effect-card a{color:var(--color-accent-readable);text-underline-offset:4px;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}@media (width<=900px){.lab-section>.section-heading{flex-direction:column;align-items:start}.lab-layout{grid-template-columns:minmax(0,1fr);gap:32px}.lab-main,.lab-workspace{display:contents}.primary-preview{box-shadow:0 12px 28px var(--color-shadow);z-index:4;position:sticky;top:20px}.lab-controls{grid-template-columns:repeat(2,minmax(0,1fr));position:static}.lab-controls details{grid-column:1/-1}}@media (width<=620px){.lab-section{padding:72px 18px}.lab-layout{gap:24px;margin-top:45px}.lab-controls{grid-template-columns:1fr;gap:20px;padding:18px}.lab-controls fieldset,.field,.status-buttons{min-width:0}.lab-controls details{grid-column:auto}.primary-preview{box-shadow:0 12px 28px var(--color-shadow);z-index:4;position:sticky;top:0}.primary-preview__header{padding:11px 14px}.primary-preview__header h3{font-size:16px}.play-control{padding:6px 8px}.primary-preview__stage{min-height:112px;padding:16px 20px}.stage-label,.stage-description{display:none}.stage-status{align-items:center;min-height:2.4em;margin:0;font-size:clamp(22px,7.5vw,29px);display:flex}.status-buttons{scroll-snap-type:x proximity;scrollbar-width:thin;gap:6px;padding:0 0 5px;display:flex;overflow-x:auto}.status-buttons button{scroll-snap-align:start;white-space:nowrap;flex:none}.catalog-heading{flex-direction:column;align-items:start;gap:4px;margin-top:16px}.effect-catalog{grid-template-columns:1fr}}