@layer components{.sw-fx-frame{background:var(--sw-surface-0);min-height:100dvh;color:var(--sw-fg)}.sw-fx-page{width:calc(100% - 2 * var(--sw-page-inset));margin-inline:auto;padding-block:.75rem 5rem}.sw-fx-loading{min-height:60dvh;color:var(--sw-fg-muted);place-items:center;display:grid}.sw-fx-stage{border:1px solid var(--sw-border-strong);border-radius:var(--sw-window-radius);background:var(--sw-surface-1);box-shadow:0 .5rem 2rem color-mix(in srgb, var(--sw-fg-strong) 10%, transparent);overflow:hidden}.sw-fx-bar{background:radial-gradient(50rem 14rem at 90% -30%, #34d39929, transparent 70%), var(--sw-demo-surface);color:var(--sw-demo-fg);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;padding:1.25rem 1.5rem;display:grid}.sw-fx-bar__title p{color:var(--sw-demo-accent-strong);font:650 var(--sw-type-xs) / 1.4 var(--sw-font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .3rem}.sw-fx-bar__title h2{color:var(--sw-demo-fg-strong);font:650 clamp(1.3rem, 2vw, 1.7rem) / 1.15 var(--sw-font-display);letter-spacing:-.03em;margin:0}.sw-fx-bar__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.sw-fx-bar button{border:1px solid var(--sw-demo-border-strong);border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-raised);color:var(--sw-demo-fg-strong);font:600 var(--sw-type-sm) / 1.2 var(--sw-font-body);cursor:pointer;transition:border-color var(--sw-demo-transition), background var(--sw-demo-transition);padding:.6rem .9rem}.sw-fx-bar button:hover:not(:disabled){border-color:var(--sw-demo-accent)}.sw-fx-bar button:focus-visible{outline:2px solid var(--sw-demo-accent-strong);outline-offset:2px}.sw-fx-bar button:disabled{opacity:.5;cursor:progress}.sw-fx-bar [data-testid=formulas-promotion]{border-color:var(--sw-demo-accent);background:var(--sw-demo-accent);color:var(--sw-demo-ink)}.sw-fx-bar [data-testid=formulas-promotion][aria-pressed=true]{color:var(--sw-demo-accent-strong);background:0 0}.sw-fx-sheets{border:1px solid var(--sw-demo-border);border-radius:var(--sw-demo-radius-3);background:var(--sw-demo-deep);margin:0;padding:.2rem;display:inline-flex}.sw-fx-bar .sw-fx-sheets button{color:var(--sw-demo-muted);background:0 0;border-color:#0000}.sw-fx-bar .sw-fx-sheets button[aria-pressed=true]{background:var(--sw-demo-raised);color:var(--sw-demo-fg-strong)}.sw-fx-bar__recalc{min-height:1.6rem;color:var(--sw-demo-fg-soft);font-size:var(--sw-type-sm);grid-column:1/-1;align-items:baseline;gap:.75rem;display:flex}.sw-fx-bar__recalc strong{color:var(--sw-demo-accent-strong);font:650 1.35rem / 1 var(--sw-font-mono);font-variant-numeric:tabular-nums}.sw-fx-grid{min-width:0;height:clamp(28rem,58dvh,38rem)}.sw-fx-recipes{border-bottom:1px solid var(--sw-border);background:var(--sw-surface-0)}.sw-fx-recipes ol{flex-wrap:wrap;gap:.4rem;margin:0;padding:.6rem 1rem;list-style:none;display:flex}.sw-fx-recipes button{border:1px solid var(--sw-border);background:var(--sw-surface-1);color:var(--sw-fg);font:600 var(--sw-type-sm) / 1.3 var(--sw-font-body);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:baseline;gap:.45rem;padding:.45rem .7rem;display:inline-flex}.sw-fx-recipes button span{color:var(--sw-accent-strong);font-family:var(--sw-font-mono)}.sw-fx-recipes button:hover:not(:disabled){border-color:var(--sw-accent)}.sw-fx-recipes button[aria-pressed=true]{border-color:var(--sw-accent);background:var(--sw-accent-soft);color:var(--sw-fg-strong)}.sw-fx-recipes button:focus-visible{outline:2px solid var(--sw-accent);outline-offset:1px}.sw-fx-footer{border-top:1px solid var(--sw-border);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.sw-fx-detail{border-right:1px solid var(--sw-border);min-width:0;padding:1rem 1.5rem 1.25rem}.sw-fx-detail__kicker{color:var(--sw-fg-muted);font:600 var(--sw-type-xs) / 1.4 var(--sw-font-mono);margin:0}.sw-fx-detail__kicker span{color:var(--sw-accent-strong)}.sw-fx-detail h3{color:var(--sw-fg-strong);font:650 1.05rem / 1.2 var(--sw-font-display);margin:.35rem 0 .25rem}.sw-fx-detail p:not(.sw-fx-detail__kicker){color:var(--sw-fg-muted);font-size:var(--sw-type-sm);margin:0 0 .6rem;line-height:1.5}.sw-fx-detail code{overflow-wrap:anywhere;border-radius:var(--sw-demo-radius-2);background:var(--sw-demo-surface);color:var(--sw-demo-accent-strong);font:500 .74rem / 1.5 var(--sw-font-mono);padding:.6rem;display:block}.sw-fx-try{align-content:start;gap:.5rem;min-width:0;padding:1rem 1.5rem 1.25rem;display:grid}.sw-fx-try label{color:var(--sw-fg-strong);font:650 var(--sw-type-sm) / 1.3 var(--sw-font-display)}.sw-fx-try>div{gap:.5rem;display:flex}.sw-fx-try input{border:1px solid var(--sw-border-strong);border-radius:var(--sw-demo-radius-2);background:var(--sw-surface-0);min-width:0;color:var(--sw-fg-strong);font:500 var(--sw-type-sm) / 1.3 var(--sw-font-mono);flex:1;padding:.6rem .75rem}.sw-fx-try input:focus-visible{outline:2px solid var(--sw-accent);outline-offset:1px}.sw-fx-try button{border:1px solid var(--sw-accent);border-radius:var(--sw-demo-radius-2);background:var(--sw-accent);color:var(--sw-accent-ink);font:650 var(--sw-type-sm) / 1 var(--sw-font-body);cursor:pointer;padding:.6rem 1rem}.sw-fx-try button:focus-visible{outline:2px solid var(--sw-accent);outline-offset:2px}.sw-fx-try button:disabled{opacity:.5;cursor:progress}.sw-fx-try output{color:var(--sw-fg-muted);font:500 var(--sw-type-xs) / 1.4 var(--sw-font-mono);overflow-wrap:anywhere}.sw-fx-engine{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1.5rem 3rem;margin-top:3rem;display:grid}.sw-fx-engine__kicker{color:var(--sw-accent-strong);font:650 var(--sw-type-xs) / 1.4 var(--sw-font-mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .4rem}.sw-fx-engine h2{color:var(--sw-fg-strong);font:650 clamp(1.3rem, 2.2vw, 1.8rem) / 1.15 var(--sw-font-display);letter-spacing:-.03em;margin:0 0 .6rem}.sw-fx-engine p{color:var(--sw-fg-muted);margin:0 0 .8rem;line-height:1.6}.sw-fx-engine a{color:var(--sw-accent-strong);font-weight:650;text-decoration:none}.sw-fx-engine__code{min-width:0}.sw-fx-engine__code .expressive-code{margin:0}.sw-fx-engine__code .expressive-code figure.frame{border:1px solid var(--sw-border);border-radius:var(--sw-demo-radius-3);box-shadow:none;overflow:hidden}.sw-fx-engine__code .expressive-code pre{font-size:.8rem;line-height:1.6}.sw-fx-engine__families{flex-wrap:wrap;grid-column:1/-1;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.sw-fx-engine__families li{border:1px solid var(--sw-border);color:var(--sw-fg);font-size:var(--sw-type-xs);border-radius:999px;padding:.3rem .65rem}@media (width<=64rem){.sw-fx-footer{grid-template-columns:minmax(0,1fr)}.sw-fx-detail{border-right:0;border-bottom:1px solid var(--sw-border)}.sw-fx-engine{grid-template-columns:minmax(0,1fr)}}@media (width<=40rem){.sw-fx-bar{grid-template-columns:minmax(0,1fr);padding:1rem}.sw-fx-bar__actions{justify-content:flex-start}.sw-fx-try,.sw-fx-detail{padding:1rem}}}.sw-fx-stage .sw-fx-grid.sheetwrite{--sheetwrite-font:500 13px / 1.4 var(--sw-font-body);--sheetwrite-bg:var(--sw-surface-1);--sheetwrite-fg:var(--sw-fg);--sheetwrite-grid-line:var(--sw-border);--sheetwrite-header-bg:var(--sw-surface-2);--sheetwrite-header-fg:var(--sw-fg-strong);--sheetwrite-selection:color-mix(in srgb, var(--sw-accent) 15%, transparent);--sheetwrite-selection-border:var(--sw-accent);--sheetwrite-search-match:color-mix(in srgb, var(--sw-demo-warn) 24%, transparent);--sheetwrite-search-active:var(--sw-demo-warn);--sheetwrite-highlight:color-mix(in srgb, var(--sw-accent) 18%, transparent)}.sw-fx-grid :is(.sheetwrite-find,.sheetwrite-context-menu,.sheetwrite-tab-menu,.sheetwrite-tab-unhide-menu,.sheetwrite-assist,.sheetwrite-validation-list,.sheetwrite-validation-checkbox){--sheetwrite-widget-font:500 13px / 1.4 var(--sw-font-body);--sheetwrite-widget-bg:var(--sw-surface-2);--sheetwrite-widget-fg:var(--sw-fg);--sheetwrite-widget-muted:var(--sw-fg-muted);--sheetwrite-widget-border:var(--sw-border);--sheetwrite-widget-accent:var(--sw-accent-strong);--sheetwrite-widget-selection:color-mix(in srgb, var(--sw-accent) 15%, transparent);--sheetwrite-menu-hover:color-mix(in srgb, var(--sw-accent) 10%, var(--sw-surface-2));--sheetwrite-menu-shadow:var(--sw-shadow);--sheetwrite-find-shadow:var(--sw-shadow)}
