.live-demo.svelte-16o7q6z{container-type:inline-size;box-sizing:border-box;font-family:var(--font-family-base)}.live-demo--inline.svelte-16o7q6z{width:100%;max-width:calc(980px + 2 * var(--container-padding));margin:var(--space-10) auto;padding-inline:clamp(var(--space-4),4vw,var(--container-padding))}.live-demo--card.svelte-16o7q6z{margin-top:var(--space-6)}.live-demo__card.svelte-16o7q6z{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"visual eyebrow" "visual headline" "body body" "action action";column-gap:var(--space-4);align-items:center;padding:var(--space-6) var(--space-5);background:radial-gradient(120% 160% at 0% 0%,var(--signal-tint) 0%,rgba(239,237,255,0) 60%),var(--paper);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.live-demo__visual.svelte-16o7q6z{grid-area:visual}.live-demo__copy.svelte-16o7q6z{display:contents}.live-demo__eyebrow.svelte-16o7q6z{grid-area:eyebrow;align-self:end}.live-demo__headline.svelte-16o7q6z{grid-area:headline;align-self:start}.live-demo__body.svelte-16o7q6z{grid-area:body;margin:var(--space-4) 0 0}.live-demo__action.svelte-16o7q6z{grid-area:action;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);margin-top:var(--space-5)}@container (min-width: 700px){.live-demo__card.svelte-16o7q6z{grid-template-columns:auto 1fr auto;grid-template-areas:"visual copy action";gap:var(--space-6);padding:var(--space-6) var(--space-8)}.live-demo__copy.svelte-16o7q6z{display:block;grid-area:copy;min-width:0}.live-demo__body.svelte-16o7q6z{margin:0}.live-demo__action.svelte-16o7q6z{align-items:center;margin-top:0}}.live-demo__visual.svelte-16o7q6z{position:relative;width:56px;height:56px;display:grid;place-items:center}.live-demo__icon.svelte-16o7q6z{position:relative;z-index:1;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--paper);background:var(--ai-live-gradient);box-shadow:0 6px 18px #655aff52}.live-demo__ring.svelte-16o7q6z{position:absolute;inset:0;border-radius:50%;border:2px solid var(--signal-soft);opacity:0;animation:svelte-16o7q6z-live-demo-ring 2.6s cubic-bezier(.2,.7,.3,1) infinite}.live-demo__ring--late.svelte-16o7q6z{animation-delay:1.3s}@keyframes svelte-16o7q6z-live-demo-ring{0%{transform:scale(1);opacity:.55}to{transform:scale(1.75);opacity:0}}.live-demo__eyebrow.svelte-16o7q6z{display:inline-flex;align-items:center;gap:var(--space-2);margin:0 0 var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-spec);text-transform:uppercase;color:var(--signal-deep)}.live-demo__dot.svelte-16o7q6z{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:svelte-16o7q6z-live-demo-dot 2s ease-out infinite}@keyframes svelte-16o7q6z-live-demo-dot{0%{box-shadow:0 0 #17976d73}70%{box-shadow:0 0 0 6px #17976d00}to{box-shadow:0 0 #17976d00}}.live-demo__headline.svelte-16o7q6z{margin:0 0 var(--space-1);font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;line-height:1.25;color:var(--ink)}.live-demo__body.svelte-16o7q6z{max-width:60ch;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--ink-2)}.live-demo__cta.svelte-16o7q6z{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 26px;border:0;border-radius:var(--radius-pill);background:var(--signal);color:var(--paper);font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);white-space:nowrap;cursor:pointer;box-shadow:0 6px 16px #655aff47;transition:background var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.live-demo__cta.svelte-16o7q6z:hover{background:var(--signal-deep);transform:translateY(-1px);box-shadow:0 10px 22px #655aff52}.live-demo__cta.svelte-16o7q6z:focus-visible,.live-demo__close.svelte-16o7q6z:focus-visible{outline:3px solid var(--signal-soft);outline-offset:3px}.live-demo__foot.svelte-16o7q6z{display:flex;flex-wrap:wrap;justify-content:center;gap:2px var(--space-3);margin:0;font-size:var(--font-size-xs);color:var(--ink-3)}.live-demo__foot.svelte-16o7q6z a:where(.svelte-16o7q6z){display:inline-flex;align-items:center;gap:3px;color:var(--signal-deep);font-weight:var(--font-weight-medium);text-decoration:none}.live-demo__foot.svelte-16o7q6z a:where(.svelte-16o7q6z):hover{text-decoration:underline}.live-demo__layer.svelte-16o7q6z{position:fixed;inset:0;z-index:10000}.live-demo__backdrop.svelte-16o7q6z{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:#0e0e136b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;animation:svelte-16o7q6z-live-demo-fade .18s ease-out}.live-demo__close.svelte-16o7q6z{position:absolute;top:var(--space-4);right:var(--space-4);display:inline-flex;align-items:center;gap:6px;padding:8px 16px 8px 12px;border:0;border-radius:var(--radius-pill);background:var(--paper);color:var(--ink);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;box-shadow:var(--shadow-card);animation:svelte-16o7q6z-live-demo-fade .18s ease-out}.live-demo__toast.svelte-16o7q6z{position:absolute;right:var(--space-6);bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);max-width:min(360px,calc(100vw - 2 * var(--space-6)));margin:0;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--paper);color:var(--ink-2);font-size:var(--font-size-sm);line-height:1.45;box-shadow:var(--shadow-card-hover);animation:svelte-16o7q6z-live-demo-rise .22s cubic-bezier(.2,.7,.3,1)}.live-demo__toast.svelte-16o7q6z a:where(.svelte-16o7q6z){color:var(--signal-deep)}.live-demo__spinner.svelte-16o7q6z{flex:none;width:16px;height:16px;border-radius:50%;border:2px solid var(--signal-tint);border-top-color:var(--signal);animation:svelte-16o7q6z-live-demo-spin .8s linear infinite}@keyframes svelte-16o7q6z-live-demo-fade{0%{opacity:0}}@keyframes svelte-16o7q6z-live-demo-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes svelte-16o7q6z-live-demo-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.live-demo__ring.svelte-16o7q6z,.live-demo__dot.svelte-16o7q6z,.live-demo__backdrop.svelte-16o7q6z,.live-demo__close.svelte-16o7q6z,.live-demo__toast.svelte-16o7q6z{animation:none}.live-demo__cta.svelte-16o7q6z:hover{transform:none}}