.stage.svelte-spkydp{height:640px;position:relative}.scene.svelte-spkydp{flex-direction:column;gap:10px;display:flex;position:absolute}.site.svelte-spkydp{width:86%;top:0;right:0;transform:rotate(2deg)}.mail.svelte-spkydp{width:78%;bottom:0;left:0;transform:rotate(-2deg)}@media (width<=520px){.stage.svelte-spkydp{flex-direction:column;height:auto;display:flex}.scene.svelte-spkydp{position:relative}.site.svelte-spkydp{width:96%;margin-left:auto}.mail.svelte-spkydp{width:96%;margin-top:-16px}}.where.svelte-spkydp{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border), 0 4px 12px -6px oklch(20% .05 275/.3);border-radius:9999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.where.svelte-spkydp svg{color:var(--color-primary)}.mail.svelte-spkydp .where:where(.svelte-spkydp){align-self:flex-end}.window.svelte-spkydp{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border), 0 1px 2px oklch(20% .03 275/.06), 0 24px 60px -20px oklch(25% .08 275/.3);border-radius:18px;overflow:hidden}.browser-bar.svelte-spkydp{border-bottom:1px solid var(--color-border);align-items:center;gap:6px;padding:10px 14px;display:flex}.browser-bar.svelte-spkydp i:where(.svelte-spkydp){background:var(--color-muted);width:10px;height:10px;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:50%}.url.svelte-spkydp{background:var(--color-muted);min-width:0;color:var(--color-muted-foreground);border-radius:8px;flex:1;margin-left:10px;padding:3px 10px;font-size:12px}.site-body.svelte-spkydp{flex-direction:column;align-items:center;gap:14px;padding:20px;display:flex}.site-head.svelte-spkydp{flex-wrap:wrap;justify-content:space-between;align-self:stretch;align-items:center;gap:8px;display:flex}.site-title.svelte-spkydp{font-family:var(--font-display);letter-spacing:-.03em;margin:0;font-size:22px;font-weight:600}.badge.svelte-spkydp{background:color-mix(in oklch, var(--color-primary) 14%, transparent);color:var(--color-primary);border-radius:9999px;padding:3px 10px;font-size:12px;font-weight:600}.mail-toolbar.svelte-spkydp{border-bottom:1px solid var(--color-border);color:var(--color-muted-foreground);align-items:center;gap:14px;padding:10px 16px;display:flex}.folder.svelte-spkydp{background:var(--color-muted);border-radius:6px;align-items:center;gap:5px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.mail-head.svelte-spkydp{padding:14px 16px 12px}.subject.svelte-spkydp{letter-spacing:-.01em;margin:0 0 12px;font-size:17px;font-weight:600;line-height:1.25}.sender.svelte-spkydp{align-items:center;gap:10px;display:flex}.avatar.svelte-spkydp{color:#fff;width:32px;height:32px;font-family:var(--font-display);background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:grid}.who.svelte-spkydp{min-width:0}.who.svelte-spkydp p:where(.svelte-spkydp){margin:0}.from.svelte-spkydp{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.from.svelte-spkydp span:where(.svelte-spkydp){color:var(--color-muted-foreground);font-weight:400}.to.svelte-spkydp{color:var(--color-muted-foreground);font-size:12px}.when.svelte-spkydp{color:var(--color-muted-foreground);flex:none;align-items:center;gap:8px;margin-left:auto;font-size:12px;display:inline-flex}.letter.svelte-spkydp{background:var(--color-muted);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:12px;margin:0 16px 16px;padding:18px 16px 22px;display:flex}.letter.svelte-spkydp p:where(.svelte-spkydp){margin:0}.shop.svelte-spkydp{font-family:var(--font-display);letter-spacing:.3em;font-size:13px;font-weight:700}.greeting.svelte-spkydp{color:var(--color-muted-foreground);font-size:14px}.editor.svelte-1ljbe3d{--editor-bg:oklch(97.5% .006 275);--editor-edge:var(--color-border);--editor-glow:oklch(60% .2 285/.14);--panel-bg:var(--color-card);--panel-shadow:0 16px 32px -20px oklch(30% .05 275/.25);--canvas-bg:var(--color-muted);--canvas-dot:oklch(0% 0 0/.08);--hairline:oklch(0% 0 0/.08);--hairline-strong:oklch(0% 0 0/.14);--hover-bg:oklch(0% 0 0/.04);--track-bg:oklch(0% 0 0/.1);--segment-on:var(--color-card);--segment-on-shadow:0 1px 2px oklch(0% 0 0/.1);background:var(--editor-bg);border-block:1px solid var(--editor-edge);color:var(--color-foreground);padding:clamp(72px,10vw,120px) 0;position:relative;overflow:hidden}.dark .editor.svelte-1ljbe3d{--color-foreground:oklch(97% .005 275);--color-muted-foreground:oklch(72% .015 275);--color-card:oklch(18% .015 275);--color-muted:oklch(23% .015 275);--color-border:oklch(100% 0 0/.09);--color-primary:oklch(72% .17 280);--editor-bg:oklch(11% .015 275);--editor-edge:oklch(100% 0 0/.07);--editor-glow:oklch(45% .2 285/.4);--panel-bg:oklch(21% .015 275);--panel-shadow:0 20px 40px -20px oklch(0% 0 0/.6);--canvas-bg:oklch(15% .015 275);--canvas-dot:oklch(100% 0 0/.07);--hairline:oklch(100% 0 0/.08);--hairline-strong:oklch(100% 0 0/.16);--hover-bg:oklch(100% 0 0/.04);--track-bg:oklch(100% 0 0/.1);--segment-on:oklch(32% .02 275);--segment-on-shadow:none}.editor.svelte-1ljbe3d:before{content:"";background:radial-gradient(closest-side, var(--editor-glow), transparent);pointer-events:none;width:1100px;height:600px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.wrap.svelte-1ljbe3d{max-width:75rem;margin-inline:auto;padding-inline:24px;position:relative}@media (width<=600px){.wrap.svelte-1ljbe3d{padding-inline:16px}}.bento.svelte-1ljbe3d{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(190px,auto);gap:16px;margin-top:48px;display:grid}.c-style.svelte-1ljbe3d,.c-color.svelte-1ljbe3d{grid-column:1/-1}@media (width>=621px){.c-color.svelte-1ljbe3d.cell{display:grid}.c-color.svelte-1ljbe3d{grid-template:"text canvas""swatches canvas""picker canvas"1fr/minmax(0,1fr) minmax(0,1fr);gap:16px 32px}}@media (width>=1024px){.c-color.svelte-1ljbe3d{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}}.c-color.svelte-1ljbe3d .c-text:where(.svelte-1ljbe3d){grid-area:text}.c-color.svelte-1ljbe3d .swatches:where(.svelte-1ljbe3d){grid-area:swatches}.c-color.svelte-1ljbe3d .picker:where(.svelte-1ljbe3d){grid-area:picker}.c-font.svelte-1ljbe3d,.c-blocks.svelte-1ljbe3d,.c-lang.svelte-1ljbe3d{grid-column:span 2}@media (width<=960px){.bento.svelte-1ljbe3d{grid-template-columns:repeat(2,minmax(0,1fr))}.c-font.svelte-1ljbe3d,.c-blocks.svelte-1ljbe3d{grid-column:span 1}.c-lang.svelte-1ljbe3d{grid-column:span 2}}@media (width<=620px){.bento.svelte-1ljbe3d{grid-template-columns:minmax(0,1fr)}.c-font.svelte-1ljbe3d,.c-blocks.svelte-1ljbe3d,.c-lang.svelte-1ljbe3d{grid-column:auto}}.cell.svelte-1ljbe3d{background:var(--color-card);min-width:0;box-shadow:inset 0 0 0 1px var(--color-border);transition:transform var(--duration-slow) var(--ease-out), box-shadow var(--duration-slow) var(--ease-out);border-radius:24px;flex-direction:column;gap:16px;padding:22px;display:flex}.cell.svelte-1ljbe3d:not(.c-style):hover{box-shadow:inset 0 0 0 1px var(--hairline-strong);transform:translateY(-2px)}.cell.svelte-1ljbe3d h3:where(.svelte-1ljbe3d){font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.cell.svelte-1ljbe3d h3:where(.svelte-1ljbe3d)+p:where(.svelte-1ljbe3d){color:var(--color-muted-foreground);margin:4px 0 0;font-size:14px;line-height:1.55}.viz.svelte-1ljbe3d{flex:1;place-items:center;min-width:0;min-height:110px;display:grid}.workbench.svelte-1ljbe3d{grid-template-columns:11rem minmax(0,1fr) 18rem;grid-template-areas:"layers canvas inspector";gap:12px;display:grid}@media (width<=1100px){.workbench.svelte-1ljbe3d{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"canvas canvas""layers inspector"}}@media (width<=620px){.workbench.svelte-1ljbe3d{grid-template-columns:minmax(0,1fr);grid-template-areas:"canvas""layers""inspector"}}.panel.svelte-1ljbe3d{background:var(--panel-bg);box-shadow:inset 0 0 0 1px var(--hairline), var(--panel-shadow);border-radius:16px;flex-direction:column;gap:10px;padding:14px;font-size:12.5px;display:flex}.layers.svelte-1ljbe3d{grid-area:layers;gap:2px}.layers.svelte-1ljbe3d .panel-title:where(.svelte-1ljbe3d){margin-bottom:8px}.layers.svelte-1ljbe3d button:where(.svelte-1ljbe3d){height:34px;color:var(--color-muted-foreground);font:inherit;text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:13px;font-weight:500;display:flex;position:relative}.layers.svelte-1ljbe3d button:where(.svelte-1ljbe3d):hover{background:var(--hover-bg);color:var(--color-foreground)}.layers.svelte-1ljbe3d button:where(.svelte-1ljbe3d).on{background:color-mix(in oklch, var(--color-primary) 14%, transparent);color:var(--color-foreground)}.layers.svelte-1ljbe3d button:where(.svelte-1ljbe3d).on svg{color:var(--color-primary)}@media (width<=1100px){.layers.svelte-1ljbe3d{flex-flow:wrap;align-content:flex-start;gap:6px}.layers.svelte-1ljbe3d .panel-title:where(.svelte-1ljbe3d){flex-basis:100%;margin-bottom:2px}.layers.svelte-1ljbe3d button:where(.svelte-1ljbe3d){background:var(--color-muted);border-radius:9999px;gap:8px;height:32px;padding:0 12px 0 10px}}.canvas.svelte-1ljbe3d{background:radial-gradient(var(--canvas-dot) 1px, transparent 1.5px) 0 0 / 18px 18px, var(--canvas-bg);min-width:0;min-height:340px;box-shadow:inset 0 0 0 1px var(--hairline);border-radius:16px;grid-area:canvas;place-items:center;padding:32px 20px;display:grid;container-type:inline-size}@media (width<=620px){.canvas.svelte-1ljbe3d{min-height:220px;padding:24px 12px}}.canvas.svelte-1ljbe3d .frame.md{--demo-gap:clamp(4px, 2cqi, 12px);--demo-pad:clamp(10px, 3.4cqi, 22px);--demo-box-pad:clamp(6px, 2.2cqi, 14px);--demo-digit-width:clamp(15px, 5.2cqi, 36px);--demo-digit-size:clamp(22px, 7.4cqi, 52px);--demo-dot:clamp(4px, 1.2cqi, 8px);--demo-label-size:clamp(9px, 1.8cqi, 12px)}.inspector.svelte-1ljbe3d{animation:svelte-1ljbe3d-slide-in .28s var(--ease-out);grid-area:inspector}.panel-title.svelte-1ljbe3d{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);margin:0 0 2px;font-size:12px;font-weight:600}.insp-row.svelte-1ljbe3d{grid-template-columns:5.5rem minmax(0,1fr);align-items:center;gap:8px;display:grid}.insp-label.svelte-1ljbe3d{color:var(--color-muted-foreground)}.insp-field.svelte-1ljbe3d{background:var(--color-muted);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;min-width:0;height:28px;padding:0 8px;display:flex;overflow:hidden}.insp-field.svelte-1ljbe3d.select{justify-content:space-between}.insp-field.svelte-1ljbe3d.num{font-variant-numeric:tabular-nums}.insp-swatch.svelte-1ljbe3d{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--hairline-strong);border-radius:5px;flex-shrink:0}.insp-track.svelte-1ljbe3d{background:var(--track-bg);border-radius:2px;flex:1;height:4px;position:relative}.insp-track.svelte-1ljbe3d span:where(.svelte-1ljbe3d){border-radius:inherit;background:var(--color-primary);position:absolute;inset:0 auto 0 0}.insp-segment.svelte-1ljbe3d{background:var(--color-muted);border-radius:8px;gap:2px;height:28px;padding:2px;display:flex}.insp-segment.svelte-1ljbe3d span:where(.svelte-1ljbe3d){color:var(--color-muted-foreground);border-radius:6px;flex:1;place-items:center;display:grid}.insp-segment.svelte-1ljbe3d span:where(.svelte-1ljbe3d).on{background:var(--segment-on);box-shadow:var(--segment-on-shadow);color:var(--color-foreground)}@keyframes svelte-1ljbe3d-slide-in{0%{opacity:0;transform:translate(8px)}}.picker.svelte-1ljbe3d{background:var(--panel-bg);min-height:180px;box-shadow:inset 0 0 0 1px var(--hairline);font-variant-numeric:tabular-nums;border-radius:12px;flex-direction:column;gap:8px;padding:10px;font-size:12px;display:flex}.picker-tabs.svelte-1ljbe3d{background:var(--color-muted);border-radius:8px;gap:2px;padding:2px;display:flex}.picker-tabs.svelte-1ljbe3d span:where(.svelte-1ljbe3d){text-align:center;color:var(--color-muted-foreground);transition:background var(--duration-fast) var(--ease-out);border-radius:6px;flex:1;padding:3px 0}.picker-tabs.svelte-1ljbe3d span:where(.svelte-1ljbe3d).on{background:var(--segment-on);box-shadow:var(--segment-on-shadow);color:var(--color-foreground)}.picker-strip.svelte-1ljbe3d{height:14px;box-shadow:inset 0 0 0 1px var(--hairline-strong);transition:background var(--duration-slow) var(--ease-out);border-radius:5px;margin:4px 8px;display:block;position:relative}.picker-handle.svelte-1ljbe3d{border:2px solid #fff;border-radius:5px;width:18px;height:22px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 2px 6px oklch(0% 0 0/.45)}.picker-row.svelte-1ljbe3d{background:var(--color-muted);border-radius:8px;align-items:center;gap:8px;height:26px;padding:0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;display:flex}.picker-at.svelte-1ljbe3d{color:var(--color-muted-foreground);margin-left:auto}.swatches.svelte-1ljbe3d{grid-template-columns:repeat(8,minmax(0,44px));justify-content:space-between;gap:8px;display:grid}.swatches.svelte-1ljbe3d button:where(.svelte-1ljbe3d){aspect-ratio:1;box-shadow:inset 0 0 0 1px var(--hairline-strong);cursor:pointer;transition:transform var(--duration-normal) var(--ease-out);border:0;border-radius:8px}.swatches.svelte-1ljbe3d button:where(.svelte-1ljbe3d):hover{transform:scale(1.06)}.swatches.svelte-1ljbe3d button:where(.svelte-1ljbe3d).on{box-shadow:0 0 0 2px var(--color-card), 0 0 0 4px var(--color-primary)}.font-demo.svelte-1ljbe3d,.lang-demo.svelte-1ljbe3d{flex-direction:column;align-items:center;gap:12px;display:flex}.sample.svelte-1ljbe3d{letter-spacing:-.02em;animation:svelte-1ljbe3d-fade-in .3s var(--ease-out);font-size:52px;line-height:1}@keyframes svelte-1ljbe3d-fade-in{0%{opacity:0}}.mono-note.svelte-1ljbe3d{color:var(--color-muted-foreground);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media (prefers-reduced-motion:reduce){.cell.svelte-1ljbe3d,.sample.svelte-1ljbe3d,.inspector.svelte-1ljbe3d{transition:none;animation:none}}.types.svelte-1350ws8{padding:clamp(64px,9vw,112px) 0 0}.grid.svelte-1350ws8{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (width<=900px){.grid.svelte-1350ws8{grid-template-columns:minmax(0,1fr);max-width:32rem;margin-inline:auto}}.card.svelte-1350ws8{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);transition:transform var(--duration-slow) var(--ease-out);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.card.svelte-1350ws8:hover{transform:translateY(-2px)}.stage.svelte-1350ws8{background:radial-gradient(80% 90% at 50% 0%, color-mix(in oklch, var(--color-primary) 10%, transparent), transparent), color-mix(in oklch, var(--color-muted) 55%, transparent);min-height:150px;box-shadow:inset 0 -1px 0 var(--color-border);align-items:center;padding:28px 28px 20px;display:grid}.stage.svelte-1350ws8 .figure{max-width:320px;margin-inline:auto}.body.svelte-1350ws8{flex-direction:column;gap:8px;padding:24px 28px 28px;display:flex}.body.svelte-1350ws8 h3:where(.svelte-1350ws8){font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.tag.svelte-1350ws8{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:inline-flex}.text.svelte-1350ws8{color:var(--color-muted-foreground);margin:0;font-size:15px;line-height:1.55}.example.svelte-1350ws8{background:var(--color-muted);border-radius:12px;margin:8px 0 0;padding:10px 14px;font-size:14px;font-style:italic;line-height:1.45}.more.svelte-1350ws8{text-align:center;color:var(--color-muted-foreground);margin:28px 0 0;font-size:15px}.more.svelte-1350ws8 a:where(.svelte-1350ws8){color:var(--color-primary);white-space:nowrap;margin-left:4px;font-weight:500}.more.svelte-1350ws8 a:where(.svelte-1350ws8):hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.card.svelte-1350ws8{transition:none}}.esp-compare.svelte-11a2emj{padding:clamp(64px,9vw,112px) 0 0}.table-card.svelte-11a2emj{background:var(--color-card);max-width:52rem;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:24px;margin:48px auto 0;overflow:hidden}table.svelte-11a2emj{border-collapse:collapse;table-layout:fixed;width:100%}thead.svelte-11a2emj th:where(.svelte-11a2emj){letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted-foreground);text-align:center;box-shadow:inset 0 -1px 0 var(--color-border);padding:18px 16px 14px;font-size:12px;font-weight:600}thead.svelte-11a2emj th:where(.svelte-11a2emj):first-child{width:58%}thead.svelte-11a2emj th:where(.svelte-11a2emj).ours{color:var(--color-primary)}tbody.svelte-11a2emj tr:where(.svelte-11a2emj)+tr:where(.svelte-11a2emj)>:where(.svelte-11a2emj){box-shadow:inset 0 1px 0 var(--color-border)}tbody.svelte-11a2emj th:where(.svelte-11a2emj){text-align:left;flex-direction:column;gap:3px;padding:16px 24px;font-weight:400;display:flex}td.svelte-11a2emj{text-align:center;vertical-align:middle}.ours.svelte-11a2emj{background:color-mix(in oklch, var(--color-primary) 6%, transparent)}.feature.svelte-11a2emj{letter-spacing:-.01em;font-size:15.5px;font-weight:600}.note.svelte-11a2emj{color:var(--color-muted-foreground);font-size:13.5px;line-height:1.45}.yes.svelte-11a2emj,.no.svelte-11a2emj{border-radius:50%;place-items:center;width:28px;height:28px;display:inline-grid}.yes.svelte-11a2emj{background:color-mix(in oklch, var(--color-primary) 14%, transparent);color:var(--color-primary)}.no.svelte-11a2emj{color:var(--color-muted-foreground);opacity:.6}.partial.svelte-11a2emj{color:var(--color-muted-foreground);font-size:12.5px;font-weight:550}@media (width<=600px){thead.svelte-11a2emj th:where(.svelte-11a2emj){letter-spacing:.03em;padding-inline:8px;font-size:11px}thead.svelte-11a2emj th:where(.svelte-11a2emj):first-child{width:56%}tbody.svelte-11a2emj th:where(.svelte-11a2emj){padding:14px 16px}}.more.svelte-11a2emj{text-align:center;color:var(--color-muted-foreground);margin:28px 0 0;font-size:15px}.more.svelte-11a2emj a:where(.svelte-11a2emj){color:var(--color-primary);align-items:center;gap:4px;margin-left:4px;font-weight:500;display:inline-flex}.more.svelte-11a2emj a:where(.svelte-11a2emj):hover{text-decoration:underline}.sr-only.svelte-11a2emj{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.after-send.svelte-m13vua{padding:clamp(64px,9vw,112px) 0 0}.grid.svelte-m13vua{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:48px 0 0;padding:0;list-style:none;display:grid}@media (width<=900px){.grid.svelte-m13vua{grid-template-columns:minmax(0,1fr);max-width:32rem;margin-inline:auto}}.card.svelte-m13vua{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);transition:transform var(--duration-slow) var(--ease-out);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.card.svelte-m13vua:hover{transform:translateY(-2px)}.stage.svelte-m13vua{background:radial-gradient(80% 90% at 50% 0%, color-mix(in oklch, var(--color-primary) 10%, transparent), transparent), color-mix(in oklch, var(--color-muted) 55%, transparent);min-height:150px;box-shadow:inset 0 -1px 0 var(--color-border);align-items:center;padding:28px 28px 20px;display:grid}.scene.svelte-m13vua{flex-direction:column;gap:12px;width:100%;max-width:320px;margin-inline:auto;padding:20px 4px 6px;display:flex;position:relative}.row.svelte-m13vua{align-items:center;gap:8px;display:flex}.name.svelte-m13vua{width:44px;color:var(--color-muted-foreground);flex:none;font-size:12px}.track.svelte-m13vua{background:color-mix(in oklch, var(--color-muted) 60%, transparent);border-radius:999px;flex:1;height:14px;position:relative}.bar.svelte-m13vua{background:color-mix(in oklch, var(--color-primary) 22%, transparent);border:1px solid var(--color-primary);border-radius:999px;position:absolute;inset-block:2px}.bar.svelte-m13vua.faded{background:color-mix(in oklch, var(--color-primary) 10%, transparent);border-style:dashed none dashed dashed;border-right-width:medium;border-right-color:currentColor;border-color:color-mix(in oklch, var(--color-primary) 55%, transparent);border-start-end-radius:0;border-end-end-radius:0}.bar.svelte-m13vua.joined{border-left:none;border-start-start-radius:0;border-end-start-radius:0}.dot.svelte-m13vua{z-index:1;background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 0 1.5px var(--color-card);border-radius:50%;position:absolute;top:50%;left:-1px;transform:translate(-50%,-50%)}.tail.svelte-m13vua{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:11.5px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.click.svelte-m13vua{z-index:2;align-items:center;gap:6px;display:flex;position:absolute;top:50%;transform:translate(-5px,-50%)}.click.svelte-m13vua:before{content:"";background:var(--color-foreground);width:10px;height:10px;box-shadow:0 0 0 1.5px var(--color-card);border-radius:2px;flex:none;transform:rotate(45deg)}.click-to.svelte-m13vua{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);white-space:nowrap;border-radius:6px;padding:1px 6px;font-size:11px;font-weight:600}.overlay.svelte-m13vua{pointer-events:none;position:absolute;inset:16px 4px 2px 56px}.mark.svelte-m13vua{border-left:2px dashed color-mix(in oklch, var(--color-primary) 70%, transparent);position:absolute;top:0;bottom:0}.mark.svelte-m13vua.old{border-left-color:color-mix(in oklch, var(--color-muted-foreground) 45%, transparent)}.mark.svelte-m13vua.old .flag:where(.svelte-m13vua){color:var(--color-muted-foreground);text-decoration:line-through}.flag.svelte-m13vua{white-space:nowrap;color:var(--color-primary);font-size:11px;font-weight:600;position:absolute;top:-15px;left:0;transform:translate(-50%)}.body.svelte-m13vua{flex-direction:column;gap:8px;padding:24px 28px 28px;display:flex}.body.svelte-m13vua h3:where(.svelte-m13vua){font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.tag.svelte-m13vua{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:inline-flex}.text.svelte-m13vua{color:var(--color-muted-foreground);margin:0;font-size:15px;line-height:1.55}.more.svelte-m13vua{text-align:center;max-width:44rem;color:var(--color-muted-foreground);margin:28px auto 0;font-size:14px;line-height:1.55}.more.svelte-m13vua a:where(.svelte-m13vua){color:var(--color-primary);white-space:nowrap;margin-left:4px;font-weight:500}.more.svelte-m13vua a:where(.svelte-m13vua):hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.card.svelte-m13vua{transition:none}}.ai.svelte-fb2oi2{padding:clamp(64px,9vw,112px) 0 0}.split.svelte-fb2oi2{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:64px;display:grid}@media (width<=960px){.split.svelte-fb2oi2{grid-template-columns:minmax(0,1fr);gap:40px}}.points.svelte-fb2oi2{flex-direction:column;gap:14px;margin:32px 0 0;padding:0;list-style:none;display:flex}.points.svelte-fb2oi2 li:where(.svelte-fb2oi2){align-items:center;gap:12px;font-size:16px;line-height:1.45;display:flex}.icon.svelte-fb2oi2{background:color-mix(in oklch, var(--color-primary) 12%, transparent);width:32px;height:32px;color:var(--color-primary);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.stage.svelte-fb2oi2{--panel-bg:oklch(100% 0 0/.72);--ring:linear-gradient(140deg, oklch(70% .17 265/.7), oklch(100% 0 0/.2) 40%, oklch(65% .2 300/.6));background:radial-gradient(55% 60% at 25% 20%, oklch(70% .17 265/.35), transparent 70%), radial-gradient(50% 55% at 85% 85%, oklch(65% .2 300/.3), transparent 70%), var(--color-muted);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:32px;justify-content:center;padding:48px 28px;display:flex;position:relative;overflow:hidden}.dark .stage.svelte-fb2oi2{--panel-bg:oklch(20% .015 275/.72);--ring:linear-gradient(140deg, oklch(70% .17 265/.6), oklch(100% 0 0/.06) 40%, oklch(65% .2 300/.5))}.panel.svelte-fb2oi2{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border-radius:24px;flex-direction:column;width:100%;max-width:27rem;min-height:470px;display:flex;position:relative;box-shadow:0 30px 80px -30px oklch(30% .15 285/.45),0 2px 6px oklch(0% 0 0/.05)}.panel.svelte-fb2oi2:before{content:"";border-radius:inherit;background:var(--ring);pointer-events:none;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.panel-head.svelte-fb2oi2{align-items:center;gap:8px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.spark.svelte-fb2oi2{color:#fff;background:linear-gradient(135deg,oklch(60% .2 265),oklch(58% .22 300));border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.model.svelte-fb2oi2{color:var(--color-muted-foreground);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:500;display:inline-flex}.model.svelte-fb2oi2:before{content:"";background:var(--color-success);border-radius:50%;width:6px;height:6px}.thread.svelte-fb2oi2{flex-direction:column;flex:1;justify-content:flex-end;gap:10px;padding:8px 18px 14px;display:flex}.msg.svelte-fb2oi2{max-width:88%;animation:svelte-fb2oi2-rise .36s var(--ease-out);margin:0;font-size:14px;line-height:1.5}.user.svelte-fb2oi2{background:var(--color-primary);color:var(--color-primary-foreground);border-radius:18px 18px 6px;align-self:flex-end;padding:10px 14px}.bot.svelte-fb2oi2{align-self:flex-start}.thinking.svelte-fb2oi2{margin:0;font-size:14px}.shimmer.svelte-fb2oi2{background:linear-gradient(90deg, var(--color-muted-foreground) 0%, var(--color-foreground) 50%, var(--color-muted-foreground) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.2s linear infinite svelte-fb2oi2-shimmer}.draft.svelte-fb2oi2{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border), 0 8px 24px -12px oklch(30% .1 285/.25);animation:svelte-fb2oi2-rise .42s var(--ease-out);border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex}.draft-head.svelte-fb2oi2{align-items:baseline;gap:8px;font-size:13px;display:flex}.draft-kind.svelte-fb2oi2{letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary);font-size:11px;font-weight:600}.draft-name.svelte-fb2oi2{font-weight:600}.draft-preview.svelte-fb2oi2{background:var(--color-muted);border-radius:12px;place-items:center;padding:14px 8px;display:grid}.chips.svelte-fb2oi2{flex-wrap:wrap;gap:6px;display:flex}.chips.svelte-fb2oi2 span:where(.svelte-fb2oi2){background:var(--color-muted);color:var(--color-muted-foreground);border-radius:9999px;padding:3px 10px;font-size:12px;font-weight:500}.draft-actions.svelte-fb2oi2{gap:8px;display:flex}.fake-btn.svelte-fb2oi2{height:32px;box-shadow:inset 0 0 0 1px var(--color-border);border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.fake-btn.svelte-fb2oi2.primary{background:var(--color-primary);color:var(--color-primary-foreground);box-shadow:inset 0 1px 0 oklch(100% 0 0/.25), 0 4px 12px -6px color-mix(in oklch, var(--color-primary) 60%, transparent)}.fake-btn.svelte-fb2oi2.done{background:color-mix(in oklch, var(--color-success) 14%, transparent);color:var(--color-success);box-shadow:none;animation:svelte-fb2oi2-rise .3s var(--ease-out)}.composer.svelte-fb2oi2{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:18px;align-items:center;gap:8px;margin:0 12px 12px;padding:6px 6px 6px 16px;display:flex}.field.svelte-fb2oi2{flex:1;min-width:0;min-height:20px;font-size:14px;line-height:1.45}.field.svelte-fb2oi2.typing{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:42px;display:-webkit-box;overflow:hidden}.placeholder.svelte-fb2oi2{color:var(--color-muted-foreground)}.caret.svelte-fb2oi2{vertical-align:-2px;background:var(--color-primary);width:2px;height:1em;margin-left:1px;animation:1s step-end infinite svelte-fb2oi2-blink;display:inline-block}.send.svelte-fb2oi2{background:var(--color-muted);width:32px;height:32px;color:var(--color-muted-foreground);transition:background var(--duration-normal) var(--ease-out), color var(--duration-normal) var(--ease-out);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.send.svelte-fb2oi2.ready{background:var(--color-primary);color:var(--color-primary-foreground)}@keyframes svelte-fb2oi2-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes svelte-fb2oi2-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes svelte-fb2oi2-blink{50%{opacity:0}}.mcp.svelte-fb2oi2{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:32px;padding:20px 24px;display:flex}.mcp-copy.svelte-fb2oi2{flex:22rem;min-width:0}.mcp-title.svelte-fb2oi2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.mcp-text.svelte-fb2oi2{color:var(--color-muted-foreground);margin:4px 0 0;font-size:14px;line-height:1.5}.mcp-actions.svelte-fb2oi2{flex-wrap:wrap;align-items:center;gap:8px 16px;min-width:0;display:flex}.endpoint.svelte-fb2oi2{background:var(--color-muted);max-width:100%;color:var(--color-muted-foreground);font:inherit;cursor:pointer;transition:color var(--duration-fast) var(--ease-out);border:0;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:inline-flex}.endpoint.svelte-fb2oi2:hover{color:var(--color-foreground)}.endpoint.svelte-fb2oi2 code:where(.svelte-fb2oi2){color:var(--color-foreground);overflow-wrap:anywhere;font-size:13px}.guide.svelte-fb2oi2{color:var(--color-primary);align-items:center;gap:4px;font-size:14px;font-weight:600;display:inline-flex}.guide.svelte-fb2oi2:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){.msg.svelte-fb2oi2,.draft.svelte-fb2oi2,.fake-btn.done.svelte-fb2oi2,.shimmer.svelte-fb2oi2,.caret.svelte-fb2oi2{animation:none}}.esp.svelte-1v84jtl{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:clamp(56px,7vw,88px) 0 0;display:flex}.kicker.svelte-1v84jtl{letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted-foreground);font-size:12px;font-weight:600}.pills.svelte-1v84jtl{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pill.svelte-1v84jtl{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-muted-foreground);transition:color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);border-radius:9999px;padding:10px 18px;font-size:16px;font-weight:600;display:inline-block}.pill.svelte-1v84jtl:hover{box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-primary)}.more.svelte-1v84jtl{color:var(--color-muted-foreground);margin:0;font-size:13px}.more.svelte-1v84jtl a:where(.svelte-1v84jtl){text-decoration:underline}.how.svelte-d0rt66{padding:clamp(64px,9vw,112px) 0 0}.steps.svelte-d0rt66{--gap:16px;--node:32px;gap:var(--gap);view-timeline:--steps block;grid-template-columns:repeat(3,minmax(0,1fr));margin:48px 0 0;padding:0;list-style:none;display:grid}@media (width<=860px){.steps.svelte-d0rt66{grid-template-columns:minmax(0,1fr);max-width:30rem;margin-inline:auto}}.step.svelte-d0rt66{flex-direction:column;gap:20px;display:flex}@media (width<=860px){.step.svelte-d0rt66{grid-template-columns:var(--node) minmax(0, 1fr);gap:14px;display:grid}}.rail.svelte-d0rt66{height:var(--node);justify-content:center;display:flex;position:relative}.node.svelte-d0rt66{z-index:1;width:var(--node);height:var(--node);background:var(--color-primary);box-shadow:0 0 0 6px var(--color-background), 0 6px 16px -6px color-mix(in oklch, var(--color-primary) 70%, transparent);font-variant-numeric:tabular-nums;color:var(--color-primary-foreground);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid;position:relative}.track.svelte-d0rt66{top:calc(var(--node) / 2 - 1px);width:calc(100% + var(--gap));background:var(--color-border);border-radius:1px;height:2px;position:absolute;left:50%;overflow:hidden}.track.svelte-d0rt66:after{content:"";background:linear-gradient(90deg, var(--color-primary), color-mix(in oklch, var(--color-primary) 60%, oklch(70% .2 330)));transform-origin:0;position:absolute;inset:0}@media (width<=860px){.track.svelte-d0rt66{top:calc(var(--node) / 2);left:calc(var(--node) / 2 - 1px);width:2px;height:calc(100% + var(--gap))}.track.svelte-d0rt66:after{background:linear-gradient(180deg, var(--color-primary), color-mix(in oklch, var(--color-primary) 60%, oklch(70% .2 330)));transform-origin:top}}@media (width<=860px){.rail.svelte-d0rt66{align-items:flex-start;height:auto}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.track.svelte-d0rt66:after{animation:linear both svelte-d0rt66-fill-x;animation-timeline:--steps;animation-range:cover 15% cover 35%}.step.svelte-d0rt66:nth-child(2) .track:where(.svelte-d0rt66):after{animation-range:cover 30% cover 50%}@media (width<=860px){.track.svelte-d0rt66:after{animation-name:svelte-d0rt66-fill-y;animation-range:contain contain 20%}.step.svelte-d0rt66:nth-child(2) .track:where(.svelte-d0rt66):after{animation-range:contain 15% contain 45%}}}}@keyframes svelte-d0rt66-fill-x{0%{transform:scaleX(0)}}@keyframes svelte-d0rt66-fill-y{0%{transform:scaleY(0)}}.card.svelte-d0rt66{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);transition:transform .25s var(--ease-out), box-shadow .25s var(--ease-out);border-radius:24px;flex-direction:column;flex:1;padding:12px 12px 24px;display:flex}@media (prefers-reduced-motion:no-preference){.card.svelte-d0rt66:hover{box-shadow:inset 0 0 0 1px var(--color-border), 0 20px 40px -24px oklch(30% .1 285/.4);transform:translateY(-3px)}}.card.svelte-d0rt66 h3:where(.svelte-d0rt66){font-family:var(--font-display);letter-spacing:-.02em;margin:20px 16px 6px;font-size:22px;font-weight:600}.scene.svelte-d0rt66{background:radial-gradient(80% 90% at 50% 0%, color-mix(in oklch, var(--color-primary) 10%, transparent), transparent), var(--color-muted);border-radius:16px;place-items:center;height:184px;padding:16px;display:grid}.text.svelte-d0rt66{color:var(--color-muted-foreground);text-wrap:pretty;margin:0 16px;font-size:15px;line-height:1.5}.text.svelte-d0rt66 code:where(.svelte-d0rt66){font-size:.9em}.meta.svelte-d0rt66{background:color-mix(in oklch, var(--color-primary) 10%, transparent);color:var(--color-primary);border-radius:9999px;align-self:flex-start;align-items:center;gap:6px;margin:16px 16px 0;padding:4px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.footnote.svelte-d0rt66{text-align:center;color:var(--color-muted-foreground);margin:28px 0 0;font-size:14px}.mini-editor.svelte-d0rt66,.mini-wizard.svelte-d0rt66,.mini-email.svelte-d0rt66{background:var(--color-card);width:100%;max-width:17.5rem;box-shadow:inset 0 0 0 1px var(--color-border), 0 14px 30px -16px oklch(30% .1 285/.35);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.mini-editor.svelte-d0rt66{align-items:center}.mini-swatches.svelte-d0rt66{gap:6px;display:flex}.mini-swatches.svelte-d0rt66 span:where(.svelte-d0rt66){border-radius:6px;width:20px;height:20px}.mini-swatches.svelte-d0rt66 span:where(.svelte-d0rt66).on{box-shadow:0 0 0 2px var(--color-card), 0 0 0 3.5px var(--color-primary)}.q.svelte-d0rt66{margin:0;font-size:13px;font-weight:600}.options.svelte-d0rt66{gap:6px;display:flex}.options.svelte-d0rt66 span:where(.svelte-d0rt66){box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-muted-foreground);white-space:nowrap;border-radius:9999px;align-items:center;gap:4px;padding:4px 9px;font-size:11.5px;display:inline-flex}.options.svelte-d0rt66 span:where(.svelte-d0rt66).on{background:color-mix(in oklch, var(--color-primary) 12%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--color-primary) 45%, transparent);color:var(--color-primary);font-weight:600}.code.svelte-d0rt66{background:var(--color-muted);border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:7px 8px 7px 10px;display:flex}.code.svelte-d0rt66 code:where(.svelte-d0rt66){white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.copy.svelte-d0rt66{background:var(--color-primary);color:var(--color-primary-foreground);border-radius:6px;flex-shrink:0;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.mini-email.svelte-d0rt66{gap:7px}.subject.svelte-d0rt66{margin:0 0 2px;font-size:12.5px;font-weight:600}.line.svelte-d0rt66{background:var(--color-muted);border-radius:3px;height:6px}.line.svelte-d0rt66.short{width:60%}.timer.svelte-d0rt66{place-items:center;padding:4px 0;display:grid}.hero.svelte-1uha8ag{padding:48px 0 96px;position:relative;overflow:hidden}.hero.svelte-1uha8ag:before{content:"";background:radial-gradient(40% 50% at 30% 30%, var(--glow-a), transparent 70%), radial-gradient(35% 45% at 75% 45%, var(--glow-b), transparent 70%);filter:blur(20px);pointer-events:none;height:1000px;position:absolute;inset:-30% -10% auto}.hero.svelte-1uha8ag:after{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 80%)}.hero-grid.svelte-1uha8ag{z-index:1;grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid;position:relative}@media (width<=960px){.hero-grid.svelte-1uha8ag{grid-template-columns:minmax(0,1fr)}}.pill.svelte-1uha8ag{background:var(--color-card);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-muted-foreground);border-radius:9999px;align-items:center;gap:8px;margin:0;padding:6px 12px 6px 10px;font-size:13px;font-weight:500;display:inline-flex}.live-dot.svelte-1uha8ag{background:var(--color-success);border-radius:50%;width:8px;height:8px;position:relative}.live-dot.svelte-1uha8ag:after{content:"";border-radius:inherit;background:inherit;animation:1.8s cubic-bezier(0,0,.2,1) infinite svelte-1uha8ag-ping;position:absolute;inset:0}@keyframes svelte-1uha8ag-ping{75%,to{opacity:0;transform:scale(2.6)}}h1.svelte-1uha8ag{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin:20px 0 0;font-size:clamp(42px,5.2vw,72px);font-weight:600;line-height:1}.hl.svelte-1uha8ag{color:var(--color-primary)}.sub.svelte-1uha8ag{max-width:34rem;color:var(--color-muted-foreground);text-wrap:pretty;margin:24px 0 32px;font-size:18px;line-height:1.55}.cta.svelte-1uha8ag{flex-wrap:wrap;gap:12px;display:flex}.checks.svelte-1uha8ag{color:var(--color-muted-foreground);flex-wrap:wrap;gap:6px 16px;margin:20px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.checks.svelte-1uha8ag li:where(.svelte-1uha8ag):before{content:"✓ ";color:var(--color-primary);font-weight:700}@media (prefers-reduced-motion:reduce){.live-dot.svelte-1uha8ag:after{animation:none}}