main.svelte-yi9ebr{position:absolute;width:100%;height:100%;display:flex}._slice_block_element{width:100%;height:100%;display:flex}.column_slice_block_element{flex-direction:column}.row_slice_block_element{flex-direction:row}.fluid-resize-handle{flex:0 0 4px;opacity:0;transition:opacity .2s ease;z-index:10}.fluid-resize-handle--vertical{width:4px;height:100%;cursor:col-resize}.fluid-resize-handle--horizontal{height:4px;width:100%;cursor:row-resize}.fluid-resize-handle:hover,.fluid-resize-handle.dragging{opacity:1;background-color:#00000040}.fallback-content.svelte-us3pi6{width:100%;height:100%;display:grid;place-items:center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#08090d;color:#e2e8f0;overflow-x:hidden}.shell.svelte-1n46o8q{min-height:100vh;display:flex;flex-direction:column}.navbar.svelte-1n46o8q{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;gap:24px;padding:0 32px;height:60px;background:#08090db8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.navbar-logo.svelte-1n46o8q{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1rem;color:#f8fafc;text-decoration:none}.navbar-links.svelte-1n46o8q{display:flex;gap:24px;margin-left:auto}.navbar-links.svelte-1n46o8q a:where(.svelte-1n46o8q){color:#94a3b8;text-decoration:none;font-size:.875rem;transition:color .15s}.navbar-links.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:#f8fafc}.github-btn.svelte-1n46o8q{display:flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#e2e8f0;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}.github-btn.svelte-1n46o8q:hover{background:#ffffff24;border-color:#ffffff38}.hero.svelte-1n46o8q{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;gap:64px;padding:100px 48px 80px}.blob.svelte-1n46o8q{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none;will-change:transform;z-index:0}.blob-1.svelte-1n46o8q{width:520px;height:520px;background:radial-gradient(circle,#2563eb,transparent);top:-80px;left:-120px}.blob-2.svelte-1n46o8q{width:400px;height:400px;background:radial-gradient(circle,#7c3aed,transparent);top:30%;right:-80px}.blob-3.svelte-1n46o8q{width:340px;height:340px;background:radial-gradient(circle,#0ea5e9,transparent);bottom:0;left:40%}.hero-preview.svelte-1n46o8q{position:relative;z-index:1;flex:0 0 auto;width:min(380px,36vw);aspect-ratio:16/10;border-radius:12px;overflow:hidden;box-shadow:0 32px 80px #0009,0 0 0 1px #ffffff14;will-change:transform;order:2}.mini-box.svelte-1n46o8q{width:100%;height:100%;display:flex;gap:3px;background:#111827;padding:3px}.mini-slice.svelte-1n46o8q{flex-shrink:0}.mini-col.svelte-1n46o8q{display:flex;flex-direction:column;gap:3px;flex:1}.hero-content.svelte-1n46o8q{position:relative;z-index:1;flex:0 1 540px;will-change:transform;order:1}@media (max-width: 820px){.hero.svelte-1n46o8q{flex-direction:column;align-items:center;gap:40px;padding:100px 24px 60px;text-align:center}.hero-preview.svelte-1n46o8q{width:min(320px,80vw);order:1}.hero-content.svelte-1n46o8q{order:2;width:100%;flex:none}.hero-actions.svelte-1n46o8q{justify-content:center}.hero-badge.svelte-1n46o8q{display:block;width:fit-content;margin-inline:auto;margin-bottom:20px}}@media (max-width: 600px){.navbar-links.svelte-1n46o8q{display:none}.navbar.svelte-1n46o8q{padding:0 16px}.hero.svelte-1n46o8q{padding:80px 20px 48px}.hero-title.svelte-1n46o8q{font-size:clamp(2.2rem,10vw,3rem)}.section.svelte-1n46o8q{padding:64px 20px}}.hero-badge.svelte-1n46o8q{display:inline-block;padding:4px 12px;border-radius:20px;background:#2563eb2e;border:1px solid rgba(37,99,235,.35);color:#93c5fd;font-size:.78rem;font-weight:600;letter-spacing:.04em;margin-bottom:20px}.hero-title.svelte-1n46o8q{font-size:clamp(2.8rem,6vw,4.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:#f8fafc;margin-bottom:20px}.hero-title.svelte-1n46o8q em:where(.svelte-1n46o8q){font-style:normal;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub.svelte-1n46o8q{font-size:1.05rem;color:#94a3b8;line-height:1.65;margin-bottom:36px}.hero-actions.svelte-1n46o8q{display:flex;gap:12px;flex-wrap:wrap}.btn-primary.svelte-1n46o8q{padding:12px 28px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-weight:600;font-size:.95rem;text-decoration:none;transition:opacity .15s,transform .15s}.btn-primary.svelte-1n46o8q:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost.svelte-1n46o8q{padding:12px 28px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:#e2e8f0;font-weight:500;font-size:.95rem;text-decoration:none;transition:background .15s}.btn-ghost.svelte-1n46o8q:hover{background:#ffffff17}.section.svelte-1n46o8q{padding:96px 32px;max-width:1200px;margin:0 auto;width:100%}.section-title.svelte-1n46o8q{font-size:2rem;font-weight:700;letter-spacing:-.03em;color:#f8fafc;margin-bottom:8px}.section-sub.svelte-1n46o8q{color:#64748b;margin-bottom:48px;font-size:.95rem}.features-grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:40px}.feature-card.svelte-1n46o8q{padding:28px;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);transition:border-color .2s}.feature-card.svelte-1n46o8q:hover{border-color:#ffffff26}.feature-icon.svelte-1n46o8q{font-size:1.6rem;margin-bottom:14px}.feature-card.svelte-1n46o8q h3:where(.svelte-1n46o8q){font-size:1rem;font-weight:600;color:#f1f5f9;margin-bottom:8px}.feature-card.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:.875rem;color:#64748b;line-height:1.6}.feature-card.svelte-1n46o8q code:where(.svelte-1n46o8q){font-size:.8rem;background:#ffffff12;padding:1px 5px;border-radius:4px;color:#93c5fd}.templates-grid.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.tpl-card.svelte-1n46o8q{border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);overflow:hidden;display:flex;flex-direction:column}.tpl-label.svelte-1n46o8q{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.06)}.tpl-badge.svelte-1n46o8q{font-size:.75rem;font-weight:700;padding:3px 9px;border-radius:20px;background:#2563eb33;color:#93c5fd;letter-spacing:.05em}.tpl-desc.svelte-1n46o8q{font-size:.8rem;color:#475569}.tpl-preview.svelte-1n46o8q{position:relative;height:180px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.06)}.tpl-code.svelte-1n46o8q{padding:14px 16px;font-size:.72rem;color:#64748b;line-height:1.65;overflow-x:auto;white-space:pre;background:transparent}.cmp-table-wrap.svelte-1n46o8q{overflow-x:auto;border-radius:14px;border:1px solid rgba(255,255,255,.07);margin-bottom:16px}.cmp-table.svelte-1n46o8q{width:100%;border-collapse:collapse;font-size:.875rem}.cmp-table.svelte-1n46o8q thead:where(.svelte-1n46o8q) tr:where(.svelte-1n46o8q){background:#ffffff0a}.cmp-table.svelte-1n46o8q th:where(.svelte-1n46o8q){padding:12px 16px;text-align:left;font-size:.75rem;font-weight:600;letter-spacing:.05em;color:#475569;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.cmp-table.svelte-1n46o8q td:where(.svelte-1n46o8q){padding:13px 16px;border-bottom:1px solid rgba(255,255,255,.04);color:#94a3b8;vertical-align:middle}.cmp-table.svelte-1n46o8q tr:where(.svelte-1n46o8q):last-child td:where(.svelte-1n46o8q){border-bottom:none}.cmp-table.svelte-1n46o8q .num:where(.svelte-1n46o8q){text-align:right;font-variant-numeric:tabular-nums}.cmp-table.svelte-1n46o8q .center:where(.svelte-1n46o8q){text-align:center}.cmp-table.svelte-1n46o8q .muted:where(.svelte-1n46o8q){color:#475569}.cmp-table.svelte-1n46o8q .accent:where(.svelte-1n46o8q){color:#60a5fa}.cmp-highlight.svelte-1n46o8q td:where(.svelte-1n46o8q){background:#2563eb0f;color:#e2e8f0}.cmp-link.svelte-1n46o8q{color:#94a3b8;text-decoration:none;transition:color .15s}.cmp-link.svelte-1n46o8q:hover{color:#e2e8f0}.cmp-note.svelte-1n46o8q{font-size:.78rem;color:#475569;line-height:1.6}.cmp-note.svelte-1n46o8q strong:where(.svelte-1n46o8q){color:#64748b}.demo-card.svelte-1n46o8q{border-radius:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);overflow:hidden;display:flex;flex-direction:column}.demo-preview.svelte-1n46o8q{position:relative;height:380px}.demo-controls.svelte-1n46o8q{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;border-top:1px solid rgba(255,255,255,.06);background:#ffffff05}.btn-row.svelte-1n46o8q{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ctrl-btn.svelte-1n46o8q{padding:8px 18px;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:#cbd5e1;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s}.ctrl-btn.svelte-1n46o8q:hover{background:#ffffff1a;border-color:#fff3}.export-out.svelte-1n46o8q{background:#00000080;color:#67e8f9;padding:14px 18px;border-radius:8px;font-size:.75rem;width:100%;max-height:240px;overflow:auto;word-break:break-all}.footer.svelte-1n46o8q{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-top:1px solid rgba(255,255,255,.06);font-size:.8rem;color:#334155}.footer.svelte-1n46o8q a:where(.svelte-1n46o8q){color:#475569;text-decoration:none;transition:color .15s}.footer.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{color:#94a3b8}.reveal.svelte-1n46o8q{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}.features-grid.svelte-1n46o8q .feature-card:where(.svelte-1n46o8q):nth-child(2){transition-delay:.08s}.features-grid.svelte-1n46o8q .feature-card:where(.svelte-1n46o8q):nth-child(3){transition-delay:.16s}.features-grid.svelte-1n46o8q .feature-card:where(.svelte-1n46o8q):nth-child(4){transition-delay:.24s}.templates-grid.svelte-1n46o8q .tpl-card:where(.svelte-1n46o8q):nth-child(2){transition-delay:.1s}.templates-grid.svelte-1n46o8q .tpl-card:where(.svelte-1n46o8q):nth-child(3){transition-delay:.2s}.section-sub.reveal.svelte-1n46o8q{transition-delay:.07s}