[data-sileo-toast][data-v-24436a9f]{--sileo-spring-easing:linear(0, .002 0.6%, .007 1.2%, .015 1.8%, .026 2.4%, .041 3.1%, .06 3.8%, .108 5.3%, .157 6.6%, .214 8%, .467 13.7%, .577 16.3%, .631 17.7%, .682 19.1%, .73 20.5%, .771 21.8%, .808 23.1%, .844 24.5%, .874 25.8%, .903 27.2%, .928 28.6%, .952 30.1%, .972 31.6%, .988 33.1%, 1.01 35.7%, 1.025 38.5%, 1.034 41.6%, 1.038 45%, 1.035 50.1%, 1.012 64.2%, 1.003 73%, .999 83.7%, 1);--sileo-duration:.6s;--sileo-height:40px;--sileo-width:350px;--sileo-state-success:oklch(72.3% .219 142.136);--sileo-state-loading:oklch(55.6% 0 0);--sileo-state-error:oklch(63.7% .237 25.331);--sileo-state-warning:oklch(79.5% .184 86.047);--sileo-state-info:oklch(68.5% .169 237.323);--sileo-state-action:oklch(62.3% .214 259.815);cursor:grab;pointer-events:auto;touch-action:none;user-select:none;width:var(--sileo-width);height:var(--_h,var(--sileo-height));opacity:0;transform-origin:50%;contain:layout style;background:0 0;border:0;padding:0;position:relative;overflow:visible;transform:translateZ(0)scale(.95)}[data-sileo-toast][data-dragging][data-v-24436a9f]{cursor:grabbing}[data-sileo-toast][data-state=loading][data-v-24436a9f]{cursor:default}:is([data-sileo-button][data-v-24436a9f],[data-sileo-dismiss][data-v-24436a9f]){cursor:pointer}[data-sileo-content][data-visible=true] [data-sileo-description][data-v-24436a9f]{user-select:text;cursor:auto}[data-sileo-toast][data-ready=true][data-v-24436a9f]{opacity:1;transition:transform calc(var(--sileo-duration) * .66) var(--sileo-spring-easing), opacity calc(var(--sileo-duration) * .66) var(--sileo-spring-easing), margin-bottom calc(var(--sileo-duration) * .66) var(--sileo-spring-easing), margin-top calc(var(--sileo-duration) * .66) var(--sileo-spring-easing), height var(--sileo-duration) var(--sileo-spring-easing);transform:translateZ(0)scale(1)}[data-sileo-toast][data-edge=bottom][data-v-24436a9f]:not([data-ready=true]){transform:translateY(-6px)scale(.95)}[data-sileo-toast][data-edge=top][data-v-24436a9f]:not([data-ready=true]){transform:translateY(6px)scale(.95)}[data-sileo-toast][data-ready=true][data-exiting=true][data-v-24436a9f]{opacity:0;pointer-events:none}[data-sileo-toast][data-edge=bottom][data-ready=true][data-exiting=true][data-v-24436a9f]{transform:translateY(-6px)scale(.95)}[data-sileo-toast][data-edge=top][data-ready=true][data-exiting=true][data-v-24436a9f]{transform:translateY(6px)scale(.95)}[data-sileo-canvas][data-v-24436a9f]{pointer-events:none;contain:layout style;position:absolute;left:0;right:0;overflow:visible;transform:translateZ(0)}[data-sileo-canvas][data-edge=top][data-v-24436a9f]{bottom:0;transform:scaleY(-1)translateZ(0)}[data-sileo-canvas][data-edge=bottom][data-v-24436a9f]{top:0}[data-sileo-svg][data-v-24436a9f]{overflow:visible}[data-sileo-header][data-v-24436a9f]{z-index:20;height:var(--sileo-height);left:var(--_px,0px);transform:var(--_ht);max-width:var(--_pw);align-items:center;padding:.5rem;display:flex;position:absolute;overflow:hidden}[data-sileo-toast][data-ready=true] [data-sileo-header][data-v-24436a9f]{transition:transform var(--sileo-duration) var(--sileo-spring-easing), left var(--sileo-duration) var(--sileo-spring-easing), max-width var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-header][data-edge=top][data-v-24436a9f]{bottom:0}[data-sileo-header][data-edge=bottom][data-v-24436a9f]{top:0}[data-sileo-header-stack][data-v-24436a9f]{align-items:center;height:100%;display:inline-flex;position:relative}[data-sileo-header-inner][data-v-24436a9f]{white-space:nowrap;opacity:1;filter:blur();align-items:center;gap:.5rem;display:flex;transform:translateZ(0)}[data-sileo-header-inner][data-layer=current][data-v-24436a9f]{z-index:1;animation:sileo-header-enter-24436a9f var(--sileo-duration) var(--sileo-spring-easing) both;position:relative}[data-sileo-header-inner][data-layer=current][data-v-24436a9f]:not(:only-child),[data-sileo-header-inner][data-exiting=true][data-v-24436a9f]{will-change:opacity, filter}[data-sileo-header-inner][data-layer=prev][data-v-24436a9f]{z-index:0;pointer-events:none;position:absolute;top:0;left:0}[data-sileo-header-inner][data-exiting=true][data-v-24436a9f]{animation:sileo-header-exit-24436a9f calc(var(--sileo-duration) * .7) ease forwards}[data-sileo-badge][data-v-24436a9f]{box-sizing:border-box;width:24px;height:24px;color:var(--sileo-tone,currentColor);background-color:var(--sileo-tone-bg,transparent);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;padding:2px;display:flex}[data-sileo-title][data-v-24436a9f]{text-transform:capitalize;color:var(--sileo-tone,currentColor);font-size:.825rem;font-weight:500;line-height:1rem}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state][data-v-24436a9f]{--_c:var(--sileo-state-success)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=loading][data-v-24436a9f]{--_c:var(--sileo-state-loading)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=error][data-v-24436a9f]{--_c:var(--sileo-state-error)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=warning][data-v-24436a9f]{--_c:var(--sileo-state-warning)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=info][data-v-24436a9f]{--_c:var(--sileo-state-info)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=action][data-v-24436a9f]{--_c:var(--sileo-state-action)}:is([data-sileo-badge],[data-sileo-title])[data-state][data-v-24436a9f]{--sileo-tone:var(--_c);--sileo-tone-bg:color-mix(in oklch, var(--_c) 20%, transparent)}[data-sileo-content][data-v-24436a9f]{z-index:10;pointer-events:none;width:100%;position:absolute;left:0}[data-sileo-content][data-v-24436a9f]:not([data-visible=true]){visibility:hidden}[data-sileo-content][data-edge=top][data-v-24436a9f]{top:0}[data-sileo-content][data-edge=bottom][data-v-24436a9f]{top:var(--sileo-height)}[data-sileo-content][data-visible=true][data-v-24436a9f]{visibility:visible;pointer-events:auto}[data-sileo-description][data-v-24436a9f]{text-align:left;contain:layout style paint;content-visibility:auto;width:100%;padding:1rem;font-size:.875rem;line-height:1.25rem}[data-sileo-description][data-align=center][data-v-24436a9f]{text-align:center}[data-sileo-description][data-align=right][data-v-24436a9f]{text-align:right}[data-sileo-grip][data-v-24436a9f]{z-index:25;background:var(--sileo-content-color,currentColor);opacity:0;pointer-events:none;border-radius:999px;width:18px;height:3px;transition:opacity .18s,width .18s;position:absolute}[data-sileo-grip][data-edge=bottom][data-v-24436a9f]{top:5px;left:calc(var(--_px) + var(--_pw) / 2 - 9px)}[data-sileo-grip][data-edge=top][data-v-24436a9f]{bottom:5px;left:calc(var(--_px) + var(--_pw) / 2 - 9px)}[data-sileo-toast]:hover [data-sileo-grip][data-v-24436a9f],[data-sileo-toast]:focus-visible [data-sileo-grip][data-v-24436a9f]{opacity:.28}[data-sileo-toast][data-dragging] [data-sileo-grip][data-v-24436a9f]{opacity:.55;width:26px}[data-sileo-dismiss][data-v-24436a9f]{z-index:30;background:var(--sileo-variant-surface,var(--sileo-surface,#fff));width:18px;height:18px;color:var(--sileo-content-color,currentColor);opacity:0;cursor:pointer;pointer-events:none;border:0;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:opacity .2s,transform .2s,background-color .15s;display:flex;position:absolute;transform:scale(.6);box-shadow:0 1px 3px #0000001a}[data-sileo-dismiss][data-edge=bottom][data-v-24436a9f]{top:-3px;left:calc(var(--_px) + var(--_pw) - 15px)}[data-sileo-dismiss][data-edge=top][data-v-24436a9f]{bottom:-3px;left:calc(var(--_px) + var(--_pw) - 15px)}[data-sileo-toast]:hover [data-sileo-dismiss][data-v-24436a9f],[data-sileo-toast]:focus-within [data-sileo-dismiss][data-v-24436a9f],[data-sileo-dismiss][data-v-24436a9f]:focus-visible{opacity:1;pointer-events:auto;transform:scale(1)}[data-sileo-dismiss][data-v-24436a9f]:hover{background-color:color-mix(in oklch, var(--sileo-content-color,#000) 15%, var(--sileo-variant-surface,var(--sileo-surface,#fff)))}@media (hover:none){[data-sileo-dismiss][data-v-24436a9f]{opacity:.6;pointer-events:auto;transform:scale(1)}}[data-sileo-button][data-v-24436a9f]{cursor:pointer;height:1.75rem;color:var(--sileo-btn-color,currentColor);background-color:var(--sileo-btn-bg,transparent);border:0;border-radius:9999px;justify-content:center;align-items:center;margin-top:.75rem;padding:0 .625rem;font-size:.75rem;font-weight:500;transition:background-color .15s;display:flex}[data-sileo-button][data-v-24436a9f]:hover{background-color:var(--sileo-btn-bg-hover,transparent)}[data-sileo-button][data-state][data-v-24436a9f]{--sileo-btn-color:var(--_c);--sileo-btn-bg:color-mix(in oklch, var(--_c) 15%, transparent);--sileo-btn-bg-hover:color-mix(in oklch, var(--_c) 25%, transparent)}[data-sileo-icon=spin][data-v-24436a9f]{animation:1s linear infinite sileo-spin-24436a9f}@keyframes sileo-spin-24436a9f{to{transform:rotate(360deg)}}@keyframes sileo-header-enter-24436a9f{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}@keyframes sileo-header-exit-24436a9f{0%{opacity:1;filter:blur()}to{opacity:0;filter:blur(6px)}}[data-sileo-toast][data-v-24436a9f]{--sileo-state-color:var(--sileo-state-success);--sileo-variant-surface:var(--sileo-surface,#fff);--sileo-state-gradient-from:var(--sileo-gradient-success-from,var(--sileo-gradient-success-default-from,#166534));--sileo-state-gradient-to:var(--sileo-gradient-success-to,var(--sileo-gradient-success-default-to,#22c55e))}[data-sileo-toast][data-state=loading][data-v-24436a9f]{--sileo-state-color:var(--sileo-state-loading);--sileo-state-gradient-from:var(--sileo-gradient-loading-from,var(--sileo-gradient-loading-default-from,#334155));--sileo-state-gradient-to:var(--sileo-gradient-loading-to,var(--sileo-gradient-loading-default-to,#64748b))}[data-sileo-toast][data-state=error][data-v-24436a9f]{--sileo-state-color:var(--sileo-state-error);--sileo-state-gradient-from:var(--sileo-gradient-error-from,var(--sileo-gradient-error-default-from,#991b1b));--sileo-state-gradient-to:var(--sileo-gradient-error-to,var(--sileo-gradient-error-default-to,#ef4444))}[data-sileo-toast][data-state=warning][data-v-24436a9f]{--sileo-state-color:var(--sileo-state-warning);--sileo-state-gradient-from:var(--sileo-gradient-warning-from,var(--sileo-gradient-warning-default-from,#92400e));--sileo-state-gradient-to:var(--sileo-gradient-warning-to,var(--sileo-gradient-warning-default-to,#f59e0b))}[data-sileo-toast][data-state=info][data-v-24436a9f]{--sileo-state-color:var(--sileo-state-info);--sileo-state-gradient-from:var(--sileo-gradient-info-from,var(--sileo-gradient-info-default-from,#075985));--sileo-state-gradient-to:var(--sileo-gradient-info-to,var(--sileo-gradient-info-default-to,#0ea5e9))}[data-sileo-toast][data-state=action][data-v-24436a9f]{--sileo-state-color:var(--sileo-state-action);--sileo-state-gradient-from:var(--sileo-gradient-action-from,var(--sileo-gradient-action-default-from,#3730a3));--sileo-state-gradient-to:var(--sileo-gradient-action-to,var(--sileo-gradient-action-default-to,#8b5cf6))}[data-sileo-toast][data-variant=colored][data-v-24436a9f]{--sileo-variant-surface:color-mix(in oklch, var(--sileo-state-color) 42%, var(--sileo-surface,#fff))}[data-sileo-toast][data-variant=colored][data-v-24436a9f] :is([data-sileo-title],[data-sileo-description],[data-sileo-button]),[data-sileo-toast][data-variant=gradient][data-v-24436a9f] :is([data-sileo-title],[data-sileo-description],[data-sileo-button]){color:var(--sileo-gradient-ink,#fff)}[data-sileo-pill][data-v-24436a9f],[data-sileo-body][data-v-24436a9f]{transition:fill var(--sileo-duration) var(--sileo-spring-easing), stroke var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-description][data-v-24436a9f]{color:var(--sileo-content-color,currentColor)}[data-sileo-toast][data-edge=bottom][data-v-24436a9f]:not([data-ready=true]){margin-bottom:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-toast][data-edge=top][data-v-24436a9f]:not([data-ready=true]){margin-top:calc(-1 * (var(--sileo-height) + .75rem))}@media (prefers-reduced-motion:no-preference){[data-sileo-toast][data-ready=true][data-v-24436a9f]:hover,[data-sileo-toast][data-ready=true][data-exiting=true][data-v-24436a9f]{will-change:transform, opacity, height}}@media (prefers-reduced-motion:reduce){[data-sileo-toast][data-v-24436a9f],[data-sileo-toast][data-v-24436a9f] *{transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}[data-sileo-viewport][data-v-ddf1a341]{pointer-events:none;contain:layout style;gap:.75rem;max-width:calc(100vw - 1.5rem);padding:.75rem;display:flex;position:fixed}[data-sileo-viewport][data-position^=top][data-v-ddf1a341]{flex-direction:column-reverse;top:0}[data-sileo-viewport][data-position^=bottom][data-v-ddf1a341]{flex-direction:column;bottom:0}[data-sileo-viewport][data-position$=left][data-v-ddf1a341]{align-items:flex-start;left:0}[data-sileo-viewport][data-position$=right][data-v-ddf1a341]{align-items:flex-end;right:0}[data-sileo-viewport][data-position$=center][data-v-ddf1a341]{align-items:center;left:50%;transform:translate(-50%)}[data-sileo-viewport][data-stacked][data-v-ddf1a341]{transition:gap .5s cubic-bezier(.16,1,.3,1)}[data-sileo-viewport][data-stacked][data-v-ddf1a341]:not([data-stack-expanded]){gap:0}[data-sileo-viewport][data-stacked][data-stack-expanded][data-v-ddf1a341]{gap:.75rem}[data-sileo-viewport][data-stacked]:not([data-stack-expanded]) [data-sileo-toast][data-stack-index][data-v-ddf1a341]:not([data-stack-index="0"]){pointer-events:none;overflow:hidden;height:var(--sileo-front-height,var(--sileo-height))!important;transform:translateZ(0) scale(calc(1 - .05 * var(--sileo-stack-index)))!important}[data-sileo-viewport][data-position^=top][data-stacked]:not([data-stack-expanded]) [data-sileo-toast][data-stack-index][data-v-ddf1a341]:not([data-stack-index="0"]){margin-top:calc(-1 * var(--sileo-front-height,var(--sileo-height)) + 8px);transform-origin:top}[data-sileo-viewport][data-position^=bottom][data-stacked]:not([data-stack-expanded]) [data-sileo-toast][data-stack-index][data-v-ddf1a341]:not([data-stack-index="0"]){margin-bottom:calc(-1 * var(--sileo-front-height,var(--sileo-height)) + 8px);transform-origin:bottom}[data-sileo-viewport] [data-sileo-toast][data-stack-hidden][data-v-ddf1a341]{opacity:0!important;pointer-events:none!important}[data-sileo-viewport] [data-sileo-toast][data-ready=true][data-stack-index][data-v-ddf1a341]:not([data-stack-index="0"]){transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),height .5s cubic-bezier(.16,1,.3,1),margin-top .5s cubic-bezier(.16,1,.3,1),margin-bottom .5s cubic-bezier(.16,1,.3,1)}[data-sileo-viewport][data-theme=light][data-v-ddf1a341]{--sileo-surface:#f7f7f5;--sileo-content-color:#141412;--sileo-variant-ink:#171715;--sileo-gradient-success-default-from:#166534;--sileo-gradient-success-default-to:#22c55e;--sileo-gradient-loading-default-from:#334155;--sileo-gradient-loading-default-to:#64748b;--sileo-gradient-error-default-from:#991b1b;--sileo-gradient-error-default-to:#ef4444;--sileo-gradient-warning-default-from:#92400e;--sileo-gradient-warning-default-to:#d97706;--sileo-gradient-info-default-from:#075985;--sileo-gradient-info-default-to:#0ea5e9;--sileo-gradient-action-default-from:#3730a3;--sileo-gradient-action-default-to:#8b5cf6}[data-sileo-viewport][data-theme=dark][data-v-ddf1a341]{--sileo-surface:#1a1a1a;--sileo-content-color:#fff;--sileo-variant-ink:#fff;--sileo-gradient-success-default-from:#052e16;--sileo-gradient-success-default-to:#15803d;--sileo-gradient-loading-default-from:#0f172a;--sileo-gradient-loading-default-to:#475569;--sileo-gradient-error-default-from:#450a0a;--sileo-gradient-error-default-to:#b91c1c;--sileo-gradient-warning-default-from:#451a03;--sileo-gradient-warning-default-to:#b45309;--sileo-gradient-info-default-from:#082f49;--sileo-gradient-info-default-to:#0369a1;--sileo-gradient-action-default-from:#1e1b4b;--sileo-gradient-action-default-to:#6d28d9}.trigger-cloud[data-v-da1a41e1]{flex-wrap:wrap;justify-content:center;gap:8px;padding:24px;display:flex}.trigger-cloud button[data-tone][data-v-da1a41e1]:before{content:"";background:var(--tone,var(--accent));border-radius:50%;width:7px;height:7px;margin-right:8px}.trigger-cloud button[data-v-da1a41e1]{align-items:center;display:inline-flex}.trigger-cloud button[data-v-da1a41e1]:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.trigger-cloud button[data-v-da1a41e1]:disabled{opacity:.55;cursor:progress}[data-tone=success][data-v-da1a41e1]{--tone:oklch(72.3% .219 142.136)}[data-tone=error][data-v-da1a41e1]{--tone:oklch(63.7% .237 25.331)}[data-tone=warning][data-v-da1a41e1]{--tone:oklch(79.5% .184 86.047)}[data-tone=info][data-v-da1a41e1]{--tone:oklch(68.5% .169 237.323)}[data-tone=action][data-v-da1a41e1]{--tone:oklch(62.3% .214 259.815)}[data-tone=promise][data-v-da1a41e1]{--tone:oklch(55.6% 0 0)}[data-tone=stack][data-v-da1a41e1]{--tone:var(--accent)}.app{width:min(760px,100% - 32px);margin:0 auto;padding:28px 0 56px}.top-links{justify-content:flex-end;gap:8px;display:flex}.icon-button,.copy-button,.preview-toggle{border:1px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--muted);cursor:pointer;border-radius:10px;place-items:center;display:inline-grid}.icon-button:hover,.copy-button:hover,.preview-toggle:hover{color:var(--text);background:var(--surface-raised)}.icon-button svg,.copy-button svg,.preview-toggle svg{width:16px;height:16px}.hero{text-align:center;justify-items:center;padding:52px 0 34px;display:grid}.mark{border:1px solid var(--line);background:var(--surface);width:58px;height:58px;color:var(--accent);border-radius:18px;place-items:center;margin-bottom:18px;display:grid}.mark svg{width:30px;height:30px}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,8vw,3.25rem);font-weight:590}.subtitle{color:var(--muted);margin:9px 0 0;font-size:.92rem}.author-note{color:var(--quiet);margin:12px 0 0;font-size:.75rem}.author-note a{color:var(--muted);text-underline-offset:3px}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:2px;width:fit-content;padding:3px;display:flex;position:relative}.segmented button{min-height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0 13px;font-size:.78rem}.segmented button[aria-selected=true],.segmented button[aria-pressed=true],.segmented button[data-active=true]{background:var(--accent-soft);color:var(--text)}.family-tabs{margin:0 auto 18px}.example-stack{gap:10px;display:grid}.example-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.example-cell,.preview-surface,.vue-surface,.astro-surface{border:1px solid var(--line-soft);background:linear-gradient(var(--line-soft) 1px, transparent 1px), linear-gradient(90deg, var(--line-soft) 1px, transparent 1px), var(--surface);background-size:32px 32px;border-radius:18px;place-items:center;min-height:190px;display:grid;position:relative;overflow:hidden}.example-cell--large{min-height:250px}[data-family-panel][hidden]{display:none}.section{margin-top:56px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.section-heading h2{letter-spacing:-.02em;margin:0;font-size:1rem;font-weight:580}.section-heading p{color:var(--quiet);margin:0;font-size:.72rem}.code-block{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;min-height:54px;display:flex;position:relative;overflow:auto}.code-block pre{color:var(--muted);white-space:pre-wrap;margin:0;padding:16px 52px 16px 16px;font:.76rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace}.code-block{align-items:stretch}.code-block .copy-button{position:absolute;top:9px;right:9px}.controls{border:1px solid var(--line);background:var(--surface);border-radius:16px;gap:18px;padding:18px;display:grid}.control-row{grid-template-columns:86px 1fr;align-items:center;gap:12px;display:grid}.control-label{color:var(--quiet);font-size:.72rem}.control-options{flex-wrap:wrap;gap:5px;display:flex}.control-options button{border:1px solid var(--line);background:var(--surface-raised);min-height:29px;color:var(--muted);cursor:pointer;border-radius:9px;padding:0 10px;font-size:.73rem}.control-options button[data-active=true]{border-color:color-mix(in srgb, var(--accent) 45%, var(--line));background:var(--accent-soft);color:var(--text)}.range-control{grid-template-columns:1fr 44px;align-items:center;gap:12px;display:grid}.range-control input{width:100%;accent-color:var(--accent)}.range-control output{color:var(--muted);text-align:right;font:.7rem ui-monospace,monospace}.playground-preview{margin-top:10px;position:relative}.preview-surface{min-height:310px}.preview-toolbar{gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.variant-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.variant-card{border:1px solid var(--line-soft);background:var(--surface);border-radius:16px;place-items:center;min-height:150px;padding:18px;display:grid}.variant-label{color:var(--quiet);text-align:center;margin-top:9px;font:.66rem ui-monospace,monospace}.integration-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.integration-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:18px}.integration-card h3{margin:0 0 7px;font-size:.88rem;font-weight:580}.integration-card p{color:var(--muted);margin:0;font-size:.76rem;line-height:1.55}.vue-surface{min-height:240px;margin-top:10px}.framework-demos{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.framework-demos .vue-surface,.framework-demos .astro-surface{min-height:240px;margin-top:0}.footer{border-top:1px solid var(--line-soft);color:var(--quiet);text-align:center;margin-top:64px;padding-top:20px;font-size:.72rem}.mock-chat{border:1px solid var(--line);background:var(--surface-raised);width:min(420px,100% - 36px);box-shadow:inset 0 0 42px color-mix(in srgb, var(--text) 2%, transparent);border-radius:18px;padding:12px}.mock-chat input{width:100%;min-height:58px;color:var(--text);background:0 0;border:0;outline:0}.mock-chat-bottom{align-items:center;gap:6px;display:flex}.mock-chip,.mock-action,.mock-button,.mock-search,.mock-search-shell{border:1px solid var(--line);background:var(--surface-raised);color:var(--muted)}.mock-chip{border-radius:8px;padding:5px 8px;font-size:.68rem}.mock-action{width:30px;height:30px;color:var(--text);border-radius:9px;place-items:center;margin-left:auto;display:grid}.mock-button{min-height:38px;color:var(--text);border-radius:11px;padding:0 16px}.mock-button--round{border-radius:50%;width:46px;height:46px;min-height:0;padding:0}.mock-button--pill{border-radius:999px}.mock-search{border-radius:13px;outline:0;width:min(260px,100% - 32px);min-height:42px;padding:0 14px}.mock-search-shell{border-radius:13px;align-items:center;width:min(260px,100% - 32px);min-height:42px;padding:0 14px;display:flex}.mock-search-shell input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.mock-card{border:1px solid var(--line);background:var(--surface-raised);border-radius:16px;width:min(310px,100% - 32px);padding:18px}.mock-card strong{font-size:.82rem;font-weight:580;display:block}.mock-card span{color:var(--muted);margin-top:6px;font-size:.72rem;display:block}@media (width<=640px){.app{width:min(100% - 20px,760px)}.hero{padding-top:34px}.example-grid,.variant-grid,.integration-grid,.framework-demos{grid-template-columns:1fr}.control-row{grid-template-columns:1fr;gap:8px}.example-cell{min-height:170px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.code-block .astro-code{margin:0;padding:16px 52px 16px 16px;font:.76rem/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;background:0 0!important}.code-block [data-code]{width:100%}.code-block [data-code][hidden]{display:none}html[data-theme=dark] .astro-code,html[data-theme=dark] .astro-code span{color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}