:where(.astro-hkbbpqis),:where(.astro-hkbbpqis):before,:where(.astro-hkbbpqis):after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #c8102e;--brand-light: #fef2f2;--brand-medium: #fca5a5;--navy: #1a2332;--navy-light: #2d3a4a;--bg-main: #ffffff;--bg-sidebar: #f9fafb;--bg-hover: #f3f4f6;--bg-code: #f1f5f9;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #6b7280;--text-muted: #9ca3af;--border: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.04);--shadow-xl: 0 20px 25px -5px rgba(0,0,0,.08), 0 8px 10px -6px rgba(0,0,0,.04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--header-height: 64px;--sidebar-width: 280px;--toc-width: 220px;--section-getting-started: #3b82f6;--section-editing: #8b5cf6;--section-blocks: #f59e0b;--section-cards: #10b981;--section-creating: #ec4899;--section-settings: #6366f1;--section-reference: #0ea5e9;--section-getting-started-bg: #eff6ff;--section-editing-bg: #f5f3ff;--section-blocks-bg: #fffbeb;--section-cards-bg: #ecfdf5;--section-creating-bg: #fdf2f8;--section-settings-bg: #eef2ff;--section-reference-bg: #f0f9ff}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-main);line-height:1.7;overflow-x:hidden}a:where(.astro-hkbbpqis){color:var(--brand);text-decoration:none;transition:color .2s ease}a:where(.astro-hkbbpqis):hover{color:var(--navy)}.design-label:where(.astro-hkbbpqis){position:fixed;bottom:24px;right:24px;background:var(--navy);color:#fff;padding:10px 20px;border-radius:var(--radius-full);font-size:.8rem;font-weight:600;z-index:1000;box-shadow:var(--shadow-lg);letter-spacing:.02em}.header:where(.astro-hkbbpqis){position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:100}.header-left:where(.astro-hkbbpqis){display:flex;align-items:center;gap:12px;min-width:0}.logo-mark:where(.astro-hkbbpqis){width:32px;height:32px;background:var(--brand);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;overflow:hidden}.logo-mark:where(.astro-hkbbpqis):after{content:"";position:absolute;width:14px;height:3px;background:#fff;border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-mark:where(.astro-hkbbpqis):before{content:"";position:absolute;width:3px;height:14px;background:#ffffff80;border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.site-title:where(.astro-hkbbpqis){font-size:1.05rem;font-weight:700;color:var(--navy);white-space:nowrap;letter-spacing:-.01em}.site-title:where(.astro-hkbbpqis) span:where(.astro-hkbbpqis){color:var(--text-tertiary);font-weight:500;margin-left:2px}.header-center:where(.astro-hkbbpqis){flex:1;max-width:480px;margin:0 32px}.search-bar:where(.astro-hkbbpqis){display:flex;align-items:center;gap:10px;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-full);padding:9px 18px;cursor:pointer;transition:all .2s ease;width:100%}.search-bar:where(.astro-hkbbpqis):hover{border-color:#d1d5db;background:#fff;box-shadow:var(--shadow-sm)}.search-icon:where(.astro-hkbbpqis){color:var(--text-muted);flex-shrink:0}.search-placeholder:where(.astro-hkbbpqis){color:var(--text-muted);font-size:.875rem;flex:1}.search-shortcut:where(.astro-hkbbpqis){display:flex;align-items:center;gap:3px;flex-shrink:0}.search-shortcut:where(.astro-hkbbpqis) kbd:where(.astro-hkbbpqis){display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border);border-radius:5px;padding:2px 6px;font-family:inherit;font-size:.7rem;font-weight:500;color:var(--text-tertiary);line-height:1.4;box-shadow:0 1px #0000000f}.header-right:where(.astro-hkbbpqis){display:flex;align-items:center;gap:8px}.theme-toggle:where(.astro-hkbbpqis){width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s ease}.theme-toggle:where(.astro-hkbbpqis):hover{background:var(--bg-sidebar);color:var(--text-primary);border-color:#d1d5db}.mobile-menu-btn:where(.astro-hkbbpqis){display:none;width:38px;height:38px;border-radius:var(--radius-md);border:1px solid var(--border);background:#fff;cursor:pointer;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all .2s ease}.layout:where(.astro-hkbbpqis){display:flex;margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}.sidebar:where(.astro-hkbbpqis){width:var(--sidebar-width);flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);position:fixed;top:var(--header-height);left:0;bottom:0;overflow-y:auto;overflow-x:hidden;padding:16px 12px 32px;z-index:50}.sidebar:where(.astro-hkbbpqis)::-webkit-scrollbar{width:4px}.sidebar:where(.astro-hkbbpqis)::-webkit-scrollbar-track{background:transparent}.sidebar:where(.astro-hkbbpqis)::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.sidebar-section:where(.astro-hkbbpqis){margin-bottom:6px}.sidebar-section-header:where(.astro-hkbbpqis){display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease;user-select:none}.sidebar-section-header:where(.astro-hkbbpqis):hover{background:var(--bg-hover)}.sidebar-section-header:where(.astro-hkbbpqis) .section-emoji:where(.astro-hkbbpqis){font-size:.95rem;line-height:1}.sidebar-section-header:where(.astro-hkbbpqis) .chevron:where(.astro-hkbbpqis){margin-left:auto;color:var(--text-muted);transition:transform .2s ease;font-size:.7rem}.sidebar-section:where(.astro-hkbbpqis).collapsed .chevron:where(.astro-hkbbpqis){transform:rotate(-90deg)}.sidebar-section:where(.astro-hkbbpqis).collapsed .sidebar-items:where(.astro-hkbbpqis){display:none}.sidebar-items:where(.astro-hkbbpqis){padding:2px 0 4px}.sidebar-item:where(.astro-hkbbpqis){display:flex;align-items:center;padding:7px 12px 7px 36px;font-size:.875rem;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;position:relative;line-height:1.4}.sidebar-item:where(.astro-hkbbpqis):hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item:where(.astro-hkbbpqis).active{background:var(--section-getting-started-bg);color:var(--section-getting-started);font-weight:600}.sidebar-item:where(.astro-hkbbpqis).active:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--section-getting-started);border-radius:50%}.main-wrapper:where(.astro-hkbbpqis){flex:1;margin-left:var(--sidebar-width);margin-right:var(--toc-width);min-width:0}.main-content:where(.astro-hkbbpqis){max-width:780px;margin:0 auto;padding:40px 48px 80px}.breadcrumbs:where(.astro-hkbbpqis){display:flex;align-items:center;gap:8px;font-size:.85rem;margin-bottom:24px}.breadcrumb-item:where(.astro-hkbbpqis){color:var(--text-tertiary);transition:color .15s ease}.breadcrumb-item:where(.astro-hkbbpqis):hover{color:var(--section-getting-started)}.breadcrumb-item:where(.astro-hkbbpqis).section{color:var(--section-getting-started);font-weight:500}.breadcrumb-sep:where(.astro-hkbbpqis){color:var(--text-muted);font-size:.75rem}.breadcrumb-current:where(.astro-hkbbpqis){color:var(--text-secondary);font-weight:500}.page-header:where(.astro-hkbbpqis){margin-bottom:36px}.page-title:where(.astro-hkbbpqis){font-size:2.25rem;font-weight:800;color:var(--navy);letter-spacing:-.03em;line-height:1.2;margin-bottom:12px}.page-description:where(.astro-hkbbpqis){font-size:1.1rem;color:var(--text-tertiary);line-height:1.6}.prose:where(.astro-hkbbpqis){font-size:1rem;line-height:1.75;color:var(--text-secondary)}.prose:where(.astro-hkbbpqis) p:where(.astro-hkbbpqis){margin-bottom:20px}.prose:where(.astro-hkbbpqis) h2:where(.astro-hkbbpqis){font-size:1.5rem;font-weight:700;color:var(--navy);margin-top:48px;margin-bottom:20px;letter-spacing:-.02em;line-height:1.3;scroll-margin-top:calc(var(--header-height) + 24px)}.prose:where(.astro-hkbbpqis) h3:where(.astro-hkbbpqis){font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-top:32px;margin-bottom:14px;letter-spacing:-.01em}.prose:where(.astro-hkbbpqis) strong:where(.astro-hkbbpqis){color:var(--text-primary);font-weight:600}.screenshot-placeholder:where(.astro-hkbbpqis){width:100%;height:320px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #d1d5db;border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;margin:28px 0;transition:all .3s ease}.screenshot-placeholder:where(.astro-hkbbpqis):hover{border-color:#9ca3af;background:linear-gradient(135deg,#f1f5f9,#e8eef5)}.screenshot-placeholder:where(.astro-hkbbpqis) .camera-icon:where(.astro-hkbbpqis){width:52px;height:52px;background:#e2e8f0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:1.4rem}.screenshot-placeholder:where(.astro-hkbbpqis) .screenshot-label:where(.astro-hkbbpqis){font-size:.875rem;color:var(--text-muted);font-weight:500}.feature-cards:where(.astro-hkbbpqis){display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 32px}.feature-card:where(.astro-hkbbpqis){background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px 20px;transition:all .25s ease;position:relative;overflow:hidden}.feature-card:where(.astro-hkbbpqis):before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-md) var(--radius-md) 0 0}.feature-card:where(.astro-hkbbpqis):nth-child(1):before{background:var(--section-getting-started)}.feature-card:where(.astro-hkbbpqis):nth-child(2):before{background:var(--section-editing)}.feature-card:where(.astro-hkbbpqis):nth-child(3):before{background:var(--section-blocks)}.feature-card:where(.astro-hkbbpqis):hover{border-color:#d1d5db;box-shadow:var(--shadow-md);transform:translateY(-2px)}.feature-card-icon:where(.astro-hkbbpqis){width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.2rem;margin-bottom:16px}.feature-card:where(.astro-hkbbpqis):nth-child(1) .feature-card-icon:where(.astro-hkbbpqis){background:var(--section-getting-started-bg);color:var(--section-getting-started)}.feature-card:where(.astro-hkbbpqis):nth-child(2) .feature-card-icon:where(.astro-hkbbpqis){background:var(--section-editing-bg);color:var(--section-editing)}.feature-card:where(.astro-hkbbpqis):nth-child(3) .feature-card-icon:where(.astro-hkbbpqis){background:var(--section-blocks-bg);color:var(--section-blocks)}.feature-card:where(.astro-hkbbpqis) h3:where(.astro-hkbbpqis){font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:8px;letter-spacing:-.01em}.feature-card:where(.astro-hkbbpqis) p:where(.astro-hkbbpqis){font-size:.875rem;color:var(--text-tertiary);line-height:1.6}.step-cards:where(.astro-hkbbpqis){display:flex;flex-direction:column;gap:16px;margin:24px 0 32px}.step-card:where(.astro-hkbbpqis){display:flex;gap:20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:all .25s ease}.step-card:where(.astro-hkbbpqis):hover{border-color:#d1d5db;box-shadow:var(--shadow-md);transform:translate(4px)}.step-number:where(.astro-hkbbpqis){width:48px;height:48px;flex-shrink:0;background:linear-gradient(135deg,var(--brand) 0%,#e03348 100%);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:800;color:#fff;box-shadow:0 2px 8px #c8102e40}.step-content:where(.astro-hkbbpqis) h3:where(.astro-hkbbpqis){font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:6px}.step-content:where(.astro-hkbbpqis) p:where(.astro-hkbbpqis){font-size:.9rem;color:var(--text-tertiary);line-height:1.6}.callout-tip:where(.astro-hkbbpqis){background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-md);padding:20px 24px;margin:28px 0;display:flex;gap:14px;align-items:flex-start}.callout-tip:where(.astro-hkbbpqis) .callout-icon:where(.astro-hkbbpqis){font-size:1.3rem;line-height:1.4;flex-shrink:0}.callout-tip:where(.astro-hkbbpqis) .callout-body:where(.astro-hkbbpqis){flex:1}.callout-tip:where(.astro-hkbbpqis) .callout-label:where(.astro-hkbbpqis){font-size:.85rem;font-weight:700;color:#15803d;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.callout-tip:where(.astro-hkbbpqis) .callout-text:where(.astro-hkbbpqis){font-size:.925rem;color:#166534;line-height:1.65}.comparison-cards:where(.astro-hkbbpqis){display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:24px 0 32px}.comparison-card:where(.astro-hkbbpqis){background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:28px 24px;transition:all .25s ease;position:relative;overflow:hidden}.comparison-card:where(.astro-hkbbpqis):before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.comparison-card:where(.astro-hkbbpqis):first-child:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.comparison-card:where(.astro-hkbbpqis):last-child:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.comparison-card:where(.astro-hkbbpqis):hover{border-color:#d1d5db;box-shadow:var(--shadow-md);transform:translateY(-2px)}.comparison-card-icon:where(.astro-hkbbpqis){width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px}.comparison-card:where(.astro-hkbbpqis):first-child .comparison-card-icon:where(.astro-hkbbpqis){background:var(--section-getting-started-bg);color:var(--section-getting-started)}.comparison-card:where(.astro-hkbbpqis):last-child .comparison-card-icon:where(.astro-hkbbpqis){background:var(--section-editing-bg);color:var(--section-editing)}.comparison-card:where(.astro-hkbbpqis) h3:where(.astro-hkbbpqis){font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.comparison-card:where(.astro-hkbbpqis) p:where(.astro-hkbbpqis){font-size:.9rem;color:var(--text-tertiary);line-height:1.65;margin-bottom:14px}.comparison-card:where(.astro-hkbbpqis) .badge:where(.astro-hkbbpqis){display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em}.comparison-card:where(.astro-hkbbpqis):first-child .badge:where(.astro-hkbbpqis){background:var(--section-getting-started-bg);color:var(--section-getting-started)}.comparison-card:where(.astro-hkbbpqis):last-child .badge:where(.astro-hkbbpqis){background:var(--section-editing-bg);color:var(--section-editing)}.next-card:where(.astro-hkbbpqis){margin-top:48px;background:linear-gradient(135deg,var(--bg-sidebar) 0%,#f0f4f8 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 32px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:all .3s ease;text-decoration:none;color:inherit}.next-card:where(.astro-hkbbpqis):hover{border-color:#d1d5db;box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit}.next-card-label:where(.astro-hkbbpqis){font-size:.8rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}.next-card-title:where(.astro-hkbbpqis){font-size:1.15rem;font-weight:700;color:var(--navy);display:flex;align-items:center;gap:6px}.next-card:where(.astro-hkbbpqis) .arrow:where(.astro-hkbbpqis){width:40px;height:40px;background:#fff;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--brand);font-size:1.1rem;transition:all .3s ease;flex-shrink:0}.next-card:where(.astro-hkbbpqis):hover .arrow:where(.astro-hkbbpqis){background:var(--brand);color:#fff;border-color:var(--brand);transform:translate(4px)}.toc:where(.astro-hkbbpqis){width:var(--toc-width);flex-shrink:0;position:fixed;top:var(--header-height);right:0;bottom:0;padding:40px 20px 32px 0;overflow-y:auto}.toc-inner:where(.astro-hkbbpqis){padding-left:20px}.toc-title:where(.astro-hkbbpqis){font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.toc-list:where(.astro-hkbbpqis){list-style:none;position:relative}.toc-list:where(.astro-hkbbpqis):before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:2px;background:var(--border-light);border-radius:2px}.toc-item:where(.astro-hkbbpqis){position:relative;padding-left:18px;margin-bottom:4px}.toc-item:where(.astro-hkbbpqis):before{content:"";position:absolute;left:-3px;top:10px;width:8px;height:8px;border-radius:50%;background:var(--border);border:2px solid var(--bg-main);transition:all .2s ease;z-index:1}.toc-item:where(.astro-hkbbpqis).active:before{background:var(--brand);border-color:var(--brand-light);box-shadow:0 0 0 3px var(--brand-light)}.toc-link:where(.astro-hkbbpqis){display:block;font-size:.8rem;color:var(--text-muted);padding:4px 8px;border-radius:var(--radius-sm);transition:all .15s ease;line-height:1.4}.toc-link:where(.astro-hkbbpqis):hover{color:var(--text-primary);background:var(--bg-hover)}.toc-item:where(.astro-hkbbpqis).active .toc-link:where(.astro-hkbbpqis){color:var(--brand);font-weight:600}.toc-progress-fill:where(.astro-hkbbpqis){position:absolute;left:0;top:4px;width:2px;background:var(--brand);border-radius:2px;z-index:0;transition:height .3s ease}.sidebar-overlay:where(.astro-hkbbpqis){display:none;position:fixed;inset:0;background:#0000004d;z-index:40;opacity:0;transition:opacity .3s ease}.sidebar-overlay:where(.astro-hkbbpqis).visible{opacity:1}@media(max-width:1200px){.toc:where(.astro-hkbbpqis){display:none}.main-wrapper:where(.astro-hkbbpqis){margin-right:0}}@media(max-width:900px){.sidebar:where(.astro-hkbbpqis){transform:translate(-100%);transition:transform .3s ease;z-index:60;background:#fff}.sidebar:where(.astro-hkbbpqis).open{transform:translate(0)}.sidebar-overlay:where(.astro-hkbbpqis).open{display:block}.main-wrapper:where(.astro-hkbbpqis){margin-left:0}.main-content:where(.astro-hkbbpqis){padding:28px 24px 64px}.mobile-menu-btn:where(.astro-hkbbpqis){display:flex}.header-center:where(.astro-hkbbpqis){display:none}.page-title:where(.astro-hkbbpqis){font-size:1.75rem}.feature-cards:where(.astro-hkbbpqis){grid-template-columns:1fr}.comparison-cards:where(.astro-hkbbpqis){grid-template-columns:1fr}.step-card:where(.astro-hkbbpqis){flex-direction:column;gap:14px}.step-number:where(.astro-hkbbpqis){width:40px;height:40px;font-size:1.1rem}}@media(max-width:600px){.header:where(.astro-hkbbpqis){padding:0 16px}.site-title:where(.astro-hkbbpqis) span:where(.astro-hkbbpqis){display:none}.main-content:where(.astro-hkbbpqis){padding:20px 16px 48px}.page-title:where(.astro-hkbbpqis){font-size:1.5rem}.page-description:where(.astro-hkbbpqis){font-size:1rem}.feature-card:where(.astro-hkbbpqis){padding:20px 16px}.step-card:where(.astro-hkbbpqis){padding:20px}.comparison-card:where(.astro-hkbbpqis){padding:22px 20px}.next-card:where(.astro-hkbbpqis){padding:22px 20px;flex-direction:column;align-items:flex-start;gap:16px}.design-label:where(.astro-hkbbpqis){bottom:16px;right:16px;font-size:.72rem;padding:8px 16px}}