.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.builder-intro{padding-block:calc(var(--header-height, var(--sp-16)) + var(--space-s)) var(--space-s)}.builder-intro-inner h1{font-size:var(--step-4);margin:0}.builder-intro-inner .lead{font-size:var(--step-0);margin:var(--sp-2) 0 0}.builder-intro .builder-meta-row{margin-block-start:var(--sp-3)}@media(min-width:64em){.builder-intro-inner{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"head aside" "lead aside" "meta aside";column-gap:var(--space-l);align-items:start}.builder-intro-inner h1{grid-area:head}.builder-intro-inner .lead{grid-area:lead}.builder-meta-row{grid-area:meta}.starting-point{grid-area:aside;margin-block-start:0}}.builder-intro-inner h1{font-size:var(--step-5)}.builder-privacy-hint{display:inline-flex;align-items:center;gap:var(--sp-2);margin-block-start:var(--space-s);font-size:var(--step--1);color:var(--color-text-3)}.builder-stage{padding:var(--space-s) var(--gutter) var(--space-m);background-color:var(--color-bg-2)}.stage-footnote{text-align:center;margin-block:var(--sp-2) 0;font-size:var(--step--2);color:var(--color-text-3)}.mac-window{position:relative;max-width:var(--container-2xl);margin-inline:auto;background:var(--color-bg-1);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:clip}.window-titlebar{display:flex;align-items:center;gap:var(--space-s);padding:var(--sp-2) var(--sp-4);background:var(--color-bg-2);border-block-end:var(--border-thin) solid var(--color-border-1);min-height:var(--sp-12)}.traffic-lights{display:flex;gap:var(--sp-2);flex-shrink:0}.light{width:var(--sp-3);height:var(--sp-3);border-radius:var(--radius-full);border:var(--border-thin) solid color-mix(in oklab,var(--color-text-1) 12%,transparent)}.light.red{background:var(--color-error)}.light.yellow{background:var(--color-warning)}.light.green{background:var(--color-success)}.window-title{flex:1;text-align:center;font-size:var(--step--1);font-weight:var(--weight-medium);color:var(--color-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-title-app{color:var(--color-text-3);font-weight:var(--weight-body)}.window-controls{display:flex;align-items:center;gap:var(--sp-3);flex-shrink:0}.device-switch{display:flex;background:var(--color-bg-3);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-interactive);padding:var(--sp-1);gap:var(--sp-1)}.device-btn,.mode-btn{display:grid;place-items:center;width:var(--sp-10);height:var(--sp-8);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-2);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.device-btn svg{width:var(--sp-5);height:var(--sp-5)}.device-btn:hover,.mode-btn:hover{color:var(--color-text-1)}.device-btn[aria-pressed=true]{background:var(--color-bg-1);color:var(--color-text-1);box-shadow:var(--shadow-xs)}.mode-btn{width:var(--sp-10);height:var(--sp-10);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-interactive);background:var(--color-bg-3)}.mode-btn[aria-pressed=true]{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.window-body{display:grid;grid-template-columns:auto minmax(15rem,19rem) 1fr;min-height:0}@media(min-width:64em){.window-body{height:clamp(24rem,62vh,46rem)}body.coach-active .window-body{height:clamp(18rem,62vh - 8.5rem,38rem)}}.tool-rail{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-3) var(--sp-2);background:var(--color-bg-2);border-inline-end:var(--border-thin) solid var(--color-border-1);min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--color-text-3) 45%,transparent) transparent}.tool-rail>*{flex-shrink:0}.tool-tab{display:grid;justify-items:center;gap:var(--sp-1);width:var(--sp-16);padding:var(--sp-2) var(--sp-1);border:none;border-radius:var(--radius-interactive);background:transparent;color:var(--color-text-2);font-size:var(--step--2);font-weight:var(--weight-medium);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.tool-tab svg{width:var(--sp-6);height:var(--sp-6)}.tool-tab:hover{color:var(--color-text-1);background:var(--color-bg-3)}.tool-tab[aria-selected=true]{background:var(--color-primary-subtle);color:var(--color-on-primary-subtle)}.tool-panels{border-inline-end:var(--border-thin) solid var(--color-border-1);overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--color-text-3) 45%,transparent) transparent}.tool-panel{padding:var(--sp-4)}.panel-hint{font-size:var(--step--2);color:var(--color-text-3);margin-block-end:var(--sp-3)}.option-list{display:grid;gap:var(--sp-2)}.option-list-chips{display:flex;flex-wrap:wrap}.option-chip{padding:var(--sp-2) var(--sp-4);border:var(--border-thin) solid var(--color-border-2);border-radius:var(--radius-full);background:var(--color-bg-1);color:var(--color-text-1);font-size:var(--step--1);font-weight:var(--weight-medium);cursor:pointer;transition:border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.option-chip:hover{border-color:var(--color-text-2)}.option-chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-on-primary-subtle)}.option-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2);border:var(--border-thin) solid transparent;border-radius:var(--radius-surface);background:transparent;text-align:start;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.option-row:hover{background:var(--color-bg-2)}.option-row[aria-pressed=true]{border-color:var(--color-primary);background:var(--color-primary-subtle)}.option-row[aria-pressed=true] .option-text strong{color:var(--color-on-primary-subtle)}.option-text{display:grid;gap:calc(var(--sp-1) / 2);min-width:0}.option-text strong{font-size:var(--step--1);font-weight:var(--weight-semibold);color:var(--color-text-1)}.option-text small{font-size:var(--step--2);color:var(--color-text-3)}.swatch-strip{display:grid;grid-template-columns:repeat(4,1fr);width:var(--sp-16);height:var(--sp-8);border-radius:var(--radius-sm);overflow:clip;border:var(--border-thin) solid var(--color-border-1)}.font-sample{display:grid;place-items:center;width:var(--sp-12);height:var(--sp-12);border-radius:var(--radius-sm);background:var(--color-bg-3);font-size:var(--step-2);line-height:1;color:var(--color-text-1)}.wireframe{display:grid;place-items:center;width:var(--sp-16);padding:var(--sp-1);border-radius:var(--radius-sm);background:var(--color-bg-3);color:var(--color-text-2)}.wireframe svg{width:100%;height:auto}.option-row[aria-pressed=true] .wireframe{color:var(--color-primary)}.motion-demo{display:flex;align-items:flex-end;gap:var(--sp-1);width:var(--sp-12);height:var(--sp-12);padding:var(--sp-2);border-radius:var(--radius-sm);background:var(--color-bg-3)}.motion-demo i{width:var(--sp-2);height:var(--sp-2);border-radius:var(--radius-full);background:var(--color-primary);animation:builder-motion-demo calc(var(--dur-4) * 2.4) var(--ease-out) infinite}.motion-demo i:nth-child(2){animation-delay:var(--stagger-step)}.motion-demo i:nth-child(3){animation-delay:calc(var(--stagger-step) * 2)}@keyframes builder-motion-demo{0%,75%,to{transform:none;opacity:.45}22%{transform:translateY(calc(var(--sp-4) * -1)) scale(1.15);opacity:1}48%{transform:none;opacity:.7}}@media(prefers-reduced-motion:reduce){.motion-demo i{animation:none;opacity:.8}}.canvas-zone{display:grid;grid-template-rows:1fr auto;background:radial-gradient(ellipse 70% 55% at 50% 0%,color-mix(in oklab,var(--color-primary) 6%,transparent),transparent),var(--color-bg-2);min-width:0}.canvas-viewport{position:relative;display:grid;place-items:center;padding:var(--sp-4);overflow:clip;min-height:0;container-type:size}.device-frame{--frame-radius: var(--radius-surface);--frame-bezel: 0px;position:relative;box-sizing:content-box;min-width:0;min-height:0;aspect-ratio:1280 / 720;width:min(100cqw - var(--sp-12),calc((100cqh - var(--sp-12)) * (1280 / 720)));padding:var(--frame-bezel);background:transparent;border:var(--border-thin) solid var(--color-border-2);border-radius:calc(var(--frame-radius) + var(--frame-bezel) + var(--border-thin));box-shadow:var(--shadow-lg);overflow:clip}.device-frame[data-device=tablet]{--frame-bezel: var(--sp-1);aspect-ratio:1024 / 768;width:min(100cqw - var(--sp-12),calc((100cqh - var(--sp-12)) * (1024 / 768)));background:var(--color-bg-inverse)}.device-frame[data-device=mobile]{--frame-bezel: var(--sp-1);aspect-ratio:390 / 693;width:min(100cqw - var(--sp-12),calc((100cqh - var(--sp-12)) * (390 / 693)));background:var(--color-bg-inverse)}.device-screen{width:100%;height:100%;border-radius:var(--frame-radius);overflow:hidden;transform:translateZ(0);isolation:isolate;contain:paint}.device-frame iframe{display:block;border:none;background:#fff;transform-origin:top left}.canvas-statusbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--sp-2) var(--sp-4);border-block-start:var(--border-thin) solid var(--color-border-1);background:var(--color-bg-1);font-size:var(--step--2)}.status-summary{color:var(--color-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-reset{border:none;background:transparent;color:var(--color-text-3);font-size:var(--step--2);cursor:pointer;text-decoration:underline;text-underline-offset:.2em}.status-reset:hover{color:var(--color-error)}.statusbar-actions{display:flex;gap:var(--sp-4);align-items:center}#share-btn:hover{color:var(--color-primary)}.submit-sheet{width:min(40rem,calc(100vw - var(--sp-8)));border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-xl);padding:0;background:var(--color-bg-1);color:var(--color-text-1);box-shadow:var(--shadow-xl)}.submit-sheet::backdrop{background:color-mix(in oklab,var(--color-shadow-color, oklch(25% 0 0)) 45%,transparent);backdrop-filter:blur(3px)}.submit-sheet[open]{animation:sheet-in var(--dur-3) var(--ease-out)}@keyframes sheet-in{0%{opacity:0;transform:translateY(calc(var(--sp-4) * -1)) scale(.985)}}@media(prefers-reduced-motion:reduce){.submit-sheet[open]{animation:none}}.sheet-state{padding:var(--space-m)}.sheet-head{position:relative;margin-block-end:var(--space-s);padding-inline-end:var(--sp-10)}.sheet-head h2{font-size:var(--step-2)}.sheet-head p{color:var(--color-text-2);font-size:var(--step--1);margin-block-start:var(--sp-1)}.sheet-close{position:absolute;inset-block-start:0;inset-inline-end:0;display:grid;place-items:center;width:var(--sp-10);height:var(--sp-10);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-full);background:var(--color-bg-2);color:var(--color-text-2);cursor:pointer}.sheet-close:hover{color:var(--color-text-1)}.sheet-summary{display:flex;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3);margin-block-end:var(--space-s);background:var(--color-bg-2);border-radius:var(--radius-surface)}.summary-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);background:var(--color-bg-1);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-full);font-size:var(--step--2)}.summary-chip .dot{width:var(--sp-3);height:var(--sp-3);border-radius:var(--radius-full);border:var(--border-thin) solid var(--color-border-1)}.sheet-cols{display:grid;gap:var(--space-s)}@media(min-width:40em){.sheet-cols{grid-template-columns:1fr 1fr}}.form-grid fieldset{border:none;padding:0;margin:0}.form-grid legend{font-size:var(--step--1);font-weight:var(--weight-medium);margin-block-end:var(--sp-2);padding:0}.form-error{color:var(--color-error);font-size:var(--step--1)}.hp-field{position:absolute;inset-inline-start:-200vw}.sheet-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--sp-3);margin-block-start:var(--space-2xs)}.sheet-success{text-align:center;padding-block:var(--space-l)}.success-mark{display:grid;place-items:center;color:var(--color-success);margin-block-end:var(--space-s)}.success-mark svg{width:var(--sp-16);height:var(--sp-16)}.sheet-success h2{font-size:var(--step-3)}.sheet-success p{margin-inline:auto;margin-block-start:var(--sp-2);color:var(--color-text-2);max-width:var(--measure-narrow)}.sheet-success .sheet-actions{justify-content:center;margin-block-start:var(--space-m)}.sheet-back{margin-block-start:var(--space-s);border:none;background:transparent;color:var(--color-text-3);font-size:var(--step--1);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.builder-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-s);margin-block-start:var(--space-s)}.starting-point{display:flex;gap:var(--sp-3);align-items:flex-start;max-width:var(--measure-prose);margin-block-start:var(--space-m);padding:var(--space-s);border-radius:var(--radius-surface);background:var(--color-primary-subtle);color:var(--color-on-primary-subtle);font-size:var(--step--1)}.starting-point svg{flex-shrink:0;margin-block-start:var(--sp-1)}.starting-point p{margin:0;max-width:none}.arch-sample{display:grid;place-items:center;gap:var(--sp-1);width:var(--sp-16);height:var(--sp-12);border-radius:var(--radius-sm);background:var(--color-bg-3);color:var(--color-text-1)}.arch-sample b{font-family:var(--font-display);font-size:calc(var(--step-1) * var(--display-scale, 1));font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1}.arch-sample[data-archetype=display-maximal] b{text-transform:uppercase}.arch-sample .arch-pill{width:var(--sp-8);height:var(--sp-2);background:var(--color-primary);border-radius:var(--radius-interactive)}.arch-sample[data-archetype=quiet-luxury] .arch-pill{background:transparent;border:1px solid var(--color-text-2)}.mode-segment{display:inline-flex;gap:var(--sp-1);padding:var(--sp-1);margin-block-end:var(--sp-3);background:var(--color-bg-3);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-full)}.mode-seg-btn{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-2);font-size:var(--step--2);font-weight:var(--weight-medium);cursor:pointer}.mode-seg-btn[aria-pressed=true]{background:var(--color-bg-1);color:var(--color-text-1);box-shadow:var(--shadow-xs)}.panel-group-title{font-size:var(--step--2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-3);margin-block:var(--sp-4) var(--sp-2)}.option-chip-radius,.option-chip-frame{display:inline-flex;align-items:center;gap:var(--sp-2)}.radius-demo{width:var(--sp-4);height:var(--sp-4);background:var(--color-text-2);display:inline-block}.radius-demo-sharp{border-radius:0}.radius-demo-soft{border-radius:var(--radius-sm)}.radius-demo-round{border-radius:var(--radius-full)}.frame-demo{width:var(--sp-5);height:var(--sp-4);display:inline-block;border-radius:var(--radius-sm)}.frame-demo-hairline{border:1px solid var(--color-text-2)}.frame-demo-bold{border:2px solid var(--color-text-1)}.frame-demo-none{background:var(--color-bg-1);box-shadow:var(--shadow-sm)}.effect-demo{display:flex;align-items:flex-end;gap:var(--sp-1);width:var(--sp-12);height:var(--sp-12);padding:var(--sp-2);border-radius:var(--radius-sm);background:var(--color-bg-3);overflow:clip}.effect-demo i{flex:1;background:var(--color-primary);border-radius:var(--radius-xs);height:30%}.effect-demo-calm i{opacity:.85}.effect-demo-calm i:nth-child(2){height:45%}.effect-demo-calm i:nth-child(3){height:38%}@keyframes effect-wave{0%,to{height:30%}50%{height:78%}}.effect-demo-lively i{animation:effect-wave calc(var(--dur-5) * 2) var(--ease-in-out) infinite}.effect-demo-lively i:nth-child(2){animation-delay:calc(var(--dur-3) * 1)}.effect-demo-lively i:nth-child(3){animation-delay:calc(var(--dur-3) * 2)}@keyframes effect-rise{0%{height:12%;opacity:.4}45%,55%{height:88%;opacity:1}to{height:12%;opacity:.4}}.effect-demo-immersive i{animation:effect-rise calc(var(--dur-5) * 2.6) var(--ease-out) infinite}.effect-demo-immersive i:nth-child(2){animation-delay:calc(var(--dur-5) * .85)}.effect-demo-immersive i:nth-child(3){animation-delay:calc(var(--dur-5) * 1.7)}@media(prefers-reduced-motion:reduce){.effect-demo i{animation:none}}.panel-footnote{margin-block-start:var(--sp-3);font-size:var(--step--2);color:var(--color-text-3)}.fx-check{display:grid;place-items:center;width:var(--sp-6);height:var(--sp-6);border-radius:var(--radius-sm);border:var(--border-thin) solid var(--color-border-2);background:var(--color-bg-1);color:transparent;transition:background-color var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.fx-check svg{width:70%;height:70%}.option-row-fx[aria-pressed=true] .fx-check{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.belowfold-hint{position:absolute;inset-block-end:var(--sp-4);inset-inline-start:50%;translate:-50% 0;z-index:var(--z-raised);display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-bg-inverse) 78%,transparent);color:var(--color-text-inverse);font-size:var(--step--2);pointer-events:none;animation:belowfold-in var(--dur-3) var(--ease-out) both}.belowfold-hint svg{width:var(--sp-4);height:var(--sp-4);animation:belowfold-bob calc(var(--dur-5) * 1.2) var(--ease-in-out) infinite}.belowfold-hint.is-leaving{animation:belowfold-out var(--dur-3) var(--ease-out) both}@keyframes belowfold-in{0%{opacity:0;translate:-50% var(--sp-2)}}@keyframes belowfold-out{to{opacity:0;translate:-50% var(--sp-2)}}@keyframes belowfold-bob{0%,to{transform:translateY(-1px)}50%{transform:translateY(2px)}}@media(prefers-reduced-motion:reduce){.belowfold-hint svg{animation:none}}.consent-block{display:grid;gap:var(--sp-3)}.consent-highlight{padding:var(--sp-3);border-radius:var(--radius-surface);background:var(--color-primary-subtle);color:var(--color-on-primary-subtle)}.panel-title{font-size:var(--step-1);font-weight:var(--weight-semibold);margin-block-end:var(--sp-1)}.tool-tab{position:relative}.tool-tab[aria-selected=true]:before{content:"";position:absolute;inset-inline-start:calc(var(--sp-2) * -1);inset-block:var(--sp-2);width:var(--border-heavy);border-radius:var(--radius-full);background:var(--color-primary)}@media(max-width:63.99em){.tool-tab[aria-selected=true]:before{inset-inline:var(--sp-3);inset-block:auto calc(var(--sp-1) * -1);width:auto;height:var(--border-heavy)}}.option-list[data-option=palette] .option-row{grid-template-columns:auto 1fr auto}.duo-dot{width:var(--sp-4);height:var(--sp-4);border-radius:var(--radius-full);background:linear-gradient(90deg,var(--n-50, var(--color-bg-1)) 50%,var(--n-900, var(--color-bg-inverse)) 50%);border:var(--border-thin) solid var(--color-border-2);flex-shrink:0}.typo-sliders{display:grid;gap:var(--sp-3)}.typo-slider{display:grid;gap:var(--sp-1)}.ts-label{display:flex;justify-content:space-between;font-size:var(--step--1);font-weight:var(--weight-medium)}.ts-label output{color:var(--color-text-3)}.typo-slider input[type=range]{width:100%;accent-color:var(--color-primary);cursor:pointer;min-height:var(--sp-6)}.typo-sliders .status-reset{justify-self:start}.brand-color-row{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap}.brand-color-swatch{position:relative;inline-size:var(--sp-10);block-size:var(--sp-10);border-radius:var(--radius-interactive);border:var(--border-thin) solid var(--color-border-2);overflow:clip;cursor:pointer;flex-shrink:0}.brand-color-swatch input[type=color]{position:absolute;inset:-10%;inline-size:120%;block-size:120%;border:none;padding:0;background:none;cursor:pointer}.brand-color-hex{flex:1 1 7rem;min-inline-size:0;font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;padding:var(--sp-2) var(--sp-3);min-block-size:var(--sp-10);border:var(--border-thin) solid var(--color-border-2);border-radius:var(--radius-interactive);background:var(--color-bg-1);color:var(--color-text-1)}.brand-color-hex[aria-invalid=true]{border-color:var(--color-error)}.brand-color-clear{font-size:var(--step--1);padding:var(--sp-2) var(--sp-3);min-block-size:var(--sp-10);border:var(--border-thin) solid var(--color-border-2);border-radius:var(--radius-interactive);background:transparent;color:var(--color-text-2);cursor:pointer}.brand-color-clear:hover{background:var(--color-bg-3)}.brand-color-help{font-size:var(--step--2);color:var(--color-text-3);margin-block-start:var(--sp-2);min-block-size:1em}.brand-color-help[data-state=active]{color:var(--color-primary)}.brand-color-help[data-state=error]{color:var(--color-error)}.material-demo{position:relative;display:grid;place-items:center;width:var(--sp-16);height:var(--sp-12);border-radius:var(--radius-sm);background:var(--gradient-brand);overflow:clip}.material-demo i{width:70%;height:58%;border-radius:var(--radius-md);background:var(--color-bg-1)}.material-demo-glass i{background:color-mix(in oklab,var(--color-bg-1) 50%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid color-mix(in oklab,var(--color-text-inverse) 40%,transparent)}.material-demo-clay i{border-radius:var(--radius-xl);background:color-mix(in oklab,var(--color-primary-subtle) 70%,var(--color-bg-1));box-shadow:inset 2px 2px 4px color-mix(in oklab,var(--color-text-inverse) 60%,transparent),inset -2px -2px 4px color-mix(in oklab,var(--color-shadow-color, oklch(25% 0 0)) 20%,transparent)}.material-demo-skeuo i{background:linear-gradient(180deg,var(--color-bg-1),var(--color-bg-3));border:1px solid var(--color-border-2);box-shadow:inset 0 1px color-mix(in oklab,var(--color-text-inverse) 50%,transparent)}.material-demo-liquid i{border-radius:var(--radius-lg);background:color-mix(in oklab,var(--color-bg-1) 35%,transparent);-webkit-backdrop-filter:blur(5px) saturate(170%);backdrop-filter:blur(5px) saturate(170%);box-shadow:inset 0 1px 1px color-mix(in oklab,var(--color-text-inverse) 60%,transparent),0 0 0 1px color-mix(in oklab,var(--color-text-inverse) 20%,transparent)}.preview-cue{position:absolute;inset-block-end:var(--sp-4);inset-inline-start:50%;translate:-50% 0;z-index:var(--z-raised);display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-bg-inverse) 62%,transparent);color:var(--color-text-inverse);font-size:var(--step--2);font-weight:var(--weight-medium);pointer-events:none;backdrop-filter:blur(6px);transition:opacity var(--dur-3) var(--ease-out),translate var(--dur-3) var(--ease-out)}.preview-cue .cue-wheel{animation:cue-scroll calc(var(--dur-5) * 1.6) var(--ease-in-out) infinite}@keyframes cue-scroll{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(4px);opacity:.4}}.preview-cue.is-hidden{opacity:0;translate:-50% var(--sp-2)}@media(prefers-reduced-motion:reduce){.preview-cue .cue-wheel{animation:none}}.pick-ping{position:absolute;inset-block-start:50%;inset-inline-end:var(--sp-3);translate:0 -50%;display:grid;place-items:center;width:var(--sp-5);height:var(--sp-5);border-radius:var(--radius-full);background:var(--color-success);color:var(--color-text-inverse);pointer-events:none;animation:pick-ping-pop calc(var(--dur-3) * 2) var(--ease-out) forwards}.pick-ping svg{width:60%;height:60%}@keyframes pick-ping-pop{0%{scale:.4;opacity:0}25%{scale:1.05;opacity:1}70%{scale:1;opacity:1}to{scale:.9;opacity:0}}@media(prefers-reduced-motion:reduce){.pick-ping{animation:pick-ping-fade calc(var(--dur-3) * 2) ease forwards}@keyframes pick-ping-fade{0%,70%{opacity:1}to{opacity:0}}}.coach-dock{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-popover);display:grid;gap:var(--sp-3);max-width:var(--container-2xl);margin-inline:auto;padding:var(--sp-3) var(--gutter) var(--sp-4);background:var(--color-bg-1);border:var(--border-thin) solid var(--color-border-1);border-block-end:none;border-radius:var(--radius-surface) var(--radius-surface) 0 0;box-shadow:var(--shadow-xl);animation:coach-in var(--dur-3) var(--ease-out) both}@keyframes coach-in{0%{opacity:0;translate:0 var(--sp-4)}}.coach-progress{block-size:var(--sp-1);border-radius:var(--radius-full);background:var(--color-bg-3);overflow:clip}.coach-progress-fill{display:block;block-size:100%;inline-size:0;border-radius:inherit;background:var(--color-primary);transition:inline-size var(--dur-3) var(--ease-out)}.coach-body{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-s);align-items:start}.coach-content{min-width:0}.coach-counter{font-size:var(--step--2);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-3);margin:0 0 var(--sp-1)}.coach-dock h2{font-size:var(--step-0);margin:0}.coach-dock p{font-size:var(--step--2);color:var(--color-text-2);margin:0}.coach-side{display:grid;justify-items:end;align-content:start;gap:var(--sp-2)}body.coach-active .builder-stage{padding-block-end:11.5rem}.coach-dots{display:flex;gap:var(--sp-1);margin-block-start:var(--sp-3)}.coach-dot{width:var(--sp-2);height:var(--sp-2);border-radius:var(--radius-full);background:var(--color-border-2);transition:background-color var(--dur-2) var(--ease-out),scale var(--dur-2) var(--ease-out)}.coach-dot.is-active{background:var(--color-primary);scale:1.25}.coach-dot.is-done{background:var(--color-success)}.coach-affirm{margin-block-start:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-interactive);background:var(--color-success-bg);color:var(--color-text-1);font-size:var(--step--2)}.coach-dock.is-affirmed{border-color:color-mix(in oklab,var(--color-success) 45%,var(--color-border-1))}.coach-contact{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-3);border:var(--border-thin) solid var(--color-border-2);border-radius:var(--radius-full);background:transparent;color:var(--color-text-2);font:inherit;font-size:var(--step--2);font-weight:var(--weight-medium);cursor:pointer;transition:color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out)}.coach-contact:hover{color:var(--color-text-1);border-color:var(--color-text-2)}.coach-nav{display:flex;flex-wrap:wrap;gap:var(--sp-1);justify-content:flex-end}.coach-nav .btn{white-space:nowrap}#coach-pick{flex:1 1 100%}.coach-skip{border:none;background:transparent;color:var(--color-text-3);font-size:var(--step--2);text-decoration:underline;text-underline-offset:.2em;cursor:pointer}.coach-extra{display:grid}.coach-extra:not(:empty){margin-block-start:var(--sp-2)}.coach-input{font:inherit;font-size:max(16px,var(--step--1));padding:var(--sp-2) var(--sp-3);border:var(--border-thin) solid var(--color-border-2);border-radius:var(--radius-interactive);background:var(--color-bg-1);color:var(--color-text-1);width:100%}.coach-input:focus-visible{border-color:var(--color-primary)}.surprise-btn{display:grid;justify-items:center;gap:var(--sp-1);width:var(--sp-16);padding:var(--sp-2) var(--sp-1);margin-block-end:var(--sp-2);border:var(--border-thin) solid var(--color-primary);border-radius:var(--radius-interactive);background:var(--color-primary-subtle);color:var(--color-on-primary-subtle);font-size:var(--step--2);font-weight:var(--weight-semibold);cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),rotate var(--dur-2) var(--ease-out)}.surprise-btn svg{width:var(--sp-6);height:var(--sp-6)}.surprise-btn:hover{background:var(--color-primary);color:var(--color-on-primary)}.surprise-btn:active svg{rotate:90deg}.recipe-toast{position:absolute;inset-block-start:var(--sp-4);inset-inline-start:50%;translate:-50% 0;z-index:var(--z-raised);padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-bg-inverse) 88%,transparent);color:var(--color-text-inverse);font-family:var(--font-accent);font-style:italic;font-size:var(--step-0);pointer-events:none;animation:belowfold-in var(--dur-3) var(--ease-out) both}.recipe-toast.is-leaving{animation:belowfold-out var(--dur-3) var(--ease-out) both}.coach-target{position:relative;animation:coach-pulse calc(var(--dur-5) * 1.6) var(--ease-in-out) 3;border-radius:var(--radius-interactive)}@keyframes coach-pulse{0%,to{box-shadow:0 0 color-mix(in oklab,var(--color-primary) 0%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in oklab,var(--color-primary) 28%,transparent)}}@media(prefers-reduced-motion:reduce){.coach-dock{animation:none}.coach-target{animation:none;outline:var(--border-thick) solid color-mix(in oklab,var(--color-primary) 45%,transparent);outline-offset:2px}}@media(max-width:63.99em){.coach-body{grid-template-columns:minmax(0,1fr)}.coach-side{justify-items:stretch}.coach-nav{justify-content:space-between}body.coach-active .builder-stage{padding-block-end:15rem}}@media(max-width:63.99em){.window-body{grid-template-columns:1fr}.tool-rail{flex-direction:row;overflow-x:auto;border-inline-end:none;border-block-end:var(--border-thin) solid var(--color-border-1)}.tool-tab{width:auto;min-width:var(--sp-16)}.tool-panels{max-height:16rem;border-inline-end:none;border-block-end:var(--border-thin) solid var(--color-border-1)}.canvas-viewport{height:clamp(18rem,52svh,30rem)}.window-title-app{display:none}}@media(max-width:47.99em){.window-controls .btn{padding-inline:var(--sp-3)}.builder-stage{padding-inline:var(--sp-2)}}.builder-mobile-gate{display:none}@media(max-width:47.99em){.builder-intro,.builder-stage{display:none}.builder-mobile-gate{display:grid;padding-block:calc(var(--header-height, calc(var(--sp-16) + var(--sp-2))) + var(--space-l)) var(--space-2xl)}}.bmg-inner{display:grid;justify-items:start;gap:var(--space-s);max-width:var(--measure-prose)}.bmg-inner h1{font-size:var(--step-5);margin:0}.bmg-inner .eyebrow{margin:0}.bmg-inner .lead{color:var(--color-text-2)}.bmg-visual{width:100%;margin-block:var(--space-s)}.bmg-hint{display:flex;gap:var(--sp-3);align-items:flex-start;padding:var(--space-s);border-radius:var(--radius-surface);background:var(--color-primary-subtle);color:var(--color-on-primary-subtle);font-size:var(--step--1)}.bmg-hint svg{flex-shrink:0;margin-block-start:var(--sp-1)}.bmg-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-block-start:var(--space-2xs)}.contact-pop{width:min(28rem,calc(100vw - var(--sp-8)));border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-xl);padding:0;background:var(--color-bg-1);color:var(--color-text-1);box-shadow:var(--shadow-xl)}.contact-pop::backdrop{background:color-mix(in oklab,var(--color-shadow-color, oklch(25% 0 0)) 45%,transparent);backdrop-filter:blur(3px)}.contact-pop[open]{animation:sheet-in var(--dur-3) var(--ease-out)}@media(prefers-reduced-motion:reduce){.contact-pop[open]{animation:none}}.cp-inner{padding:var(--space-m);display:grid;gap:var(--space-s)}.cp-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-s)}.cp-head h2{font-size:var(--step-2);margin:0}.cp-lead{color:var(--color-text-2);font-size:var(--step--1);margin-block-start:var(--sp-1)}.cp-head .sheet-close{position:static;flex-shrink:0}.cp-options{display:grid;gap:var(--sp-3)}.cp-option{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-surface);background:var(--color-bg-2);color:var(--color-text-1);text-decoration:none;transition:border-color var(--dur-1) var(--ease-out),background-color var(--dur-1) var(--ease-out)}.cp-option:hover{border-color:var(--color-primary);background:var(--color-primary-subtle)}.cp-ico{display:grid;place-items:center;width:var(--sp-12);height:var(--sp-12);border-radius:var(--radius-md);background:var(--color-bg-1);color:var(--color-primary);flex-shrink:0}.cp-ico svg{width:var(--sp-6);height:var(--sp-6)}.cp-text{display:grid;gap:calc(var(--sp-1) / 2);min-width:0}.cp-text strong{font-size:var(--step-0)}.cp-text small{font-size:var(--step--1);color:var(--color-text-2);overflow-wrap:anywhere}.cp-note{font-size:var(--step--2);color:var(--color-text-3);margin:0}