.tool-page:where(.astro-cfh6nxxu){color:var(--text);-webkit-font-smoothing:antialiased;background:0 0;font-family:IBM Plex Sans,sans-serif;line-height:1.6}.tool-page:where(.astro-cfh6nxxu) :where(.astro-cfh6nxxu),.tool-page:where(.astro-cfh6nxxu) :where(.astro-cfh6nxxu):before,.tool-page:where(.astro-cfh6nxxu) :where(.astro-cfh6nxxu):after{box-sizing:border-box}.tool-page:where(.astro-cfh6nxxu){--tool-surface:var(--panel);--tool-surface-strong:var(--panel-strong);--tool-surface-soft:var(--bg-soft);--tool-border:var(--panel-border);--tool-border-strong:color-mix(in srgb, var(--panel-border) 70%, var(--primary) 30%);--tool-text:var(--text);--tool-text-muted:var(--text-muted);--tool-text-soft:var(--text-soft);--tool-primary:var(--primary);--tool-primary-strong:var(--primary-strong);--tool-primary-soft:color-mix(in srgb, var(--primary) 18%, transparent);--tool-accent:var(--secondary);--tool-success:#34d399;--tool-danger:#f87171;--tool-shadow:0 20px 50px #00000038;--tool-radius:12px;--tool-radius-lg:18px}.tool-page:where(.astro-cfh6nxxu) a:where(.astro-cfh6nxxu){color:inherit;text-decoration:none}.tool-page:where(.astro-cfh6nxxu) button:where(.astro-cfh6nxxu){cursor:pointer;background:0 0;border:none;font-family:inherit}.container:where(.astro-cfh6nxxu){max-width:1200px;margin:0 auto;padding:0 24px}.hero:where(.astro-cfh6nxxu){text-align:center;padding:80px 0 60px;position:relative;overflow:hidden}.hero:where(.astro-cfh6nxxu):before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#52d7cf2e,#0000 60%);border-radius:50%;width:800px;height:800px;position:absolute;top:-200px;left:50%;transform:translate(-50%)}.hero-content:where(.astro-cfh6nxxu){z-index:1;flex-direction:column;align-items:center;max-width:860px;margin:0 auto;display:flex;position:relative}.badge:where(.astro-cfh6nxxu){background:var(--tool-primary-soft);color:var(--tool-primary);border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.badge-dot:where(.astro-cfh6nxxu){background:var(--tool-primary);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}h1:where(.astro-cfh6nxxu){letter-spacing:-.03em;text-align:center;text-wrap:balance;max-width:12ch;margin:0 auto 20px;font-family:Syne,sans-serif;font-size:clamp(34px,4.8vw,56px);font-weight:800;line-height:1.05}.gradient-text:where(.astro-cfh6nxxu){background:linear-gradient(135deg, var(--tool-primary), var(--tool-accent));color:#0000;background-clip:text}.hero:where(.astro-cfh6nxxu) p:where(.astro-cfh6nxxu){color:var(--tool-text-muted);max-width:620px;margin:0 auto 32px;font-size:19px}.hero-ctas:where(.astro-cfh6nxxu){flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn:where(.astro-cfh6nxxu){border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:where(.astro-cfh6nxxu){background:linear-gradient(135deg, var(--tool-primary), var(--tool-accent));color:var(--button-text);box-shadow:0 12px 28px #00000038}.btn-primary:where(.astro-cfh6nxxu):hover{transform:translateY(-2px);box-shadow:0 16px 36px #00000042}.btn-ghost:where(.astro-cfh6nxxu){background:var(--tool-surface);color:var(--tool-text);border:1px solid var(--tool-border)}.btn-ghost:where(.astro-cfh6nxxu):hover{background:var(--tool-surface-strong)}.hero-context:where(.astro-cfh6nxxu){text-align:center;margin-top:48px}.hero-context-note:where(.astro-cfh6nxxu){color:var(--tool-text-soft);font-size:15px}.hero-context-note:where(.astro-cfh6nxxu) a:where(.astro-cfh6nxxu){color:var(--tool-primary);text-underline-offset:3px;font-weight:600;text-decoration:underline}.hero-context-note:where(.astro-cfh6nxxu) a:where(.astro-cfh6nxxu):hover{color:var(--tool-primary-strong)}.learn-more-cta:where(.astro-cfh6nxxu){text-align:center;margin-top:12px}section:where(.astro-cfh6nxxu){padding:80px 0}.section-head:where(.astro-cfh6nxxu){text-align:center;max-width:640px;margin:0 auto 56px}.section-eyebrow:where(.astro-cfh6nxxu){color:var(--tool-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}h2:where(.astro-cfh6nxxu){letter-spacing:-.02em;margin-bottom:14px;font-family:Syne,sans-serif;font-size:clamp(28px,3.5vw,40px);font-weight:700;line-height:1.15}.section-head:where(.astro-cfh6nxxu) p:where(.astro-cfh6nxxu){color:var(--tool-text-muted);font-size:17px}#generator:where(.astro-cfh6nxxu){background:0 0}.generator-shell:where(.astro-cfh6nxxu){background:var(--tool-surface-strong);border-radius:var(--tool-radius-lg);box-shadow:var(--tool-shadow);border:1px solid var(--tool-border);overflow:hidden}.generator-grid:where(.astro-cfh6nxxu){grid-template-columns:380px 1fr;min-height:720px;display:grid}.panel:where(.astro-cfh6nxxu){padding:32px}.panel-controls:where(.astro-cfh6nxxu){background:color-mix(in srgb, var(--tool-surface) 88%, transparent);border-right:1px solid var(--tool-border);max-height:720px;overflow-y:auto}.panel-preview:where(.astro-cfh6nxxu){flex-direction:column;min-width:0;display:flex}.panel-section-title:where(.astro-cfh6nxxu){text-transform:uppercase;letter-spacing:.08em;color:var(--tool-text-soft);margin-bottom:14px;font-size:12px;font-weight:700}.panel-section:where(.astro-cfh6nxxu)+.panel-section:where(.astro-cfh6nxxu){margin-top:28px}.presets-grid:where(.astro-cfh6nxxu){grid-template-columns:1fr 1fr;gap:8px;display:grid}.preset-btn:where(.astro-cfh6nxxu){text-align:left;background:var(--tool-surface);border:1px solid var(--tool-border);border-radius:10px;padding:12px 10px;transition:all .15s}.preset-btn:where(.astro-cfh6nxxu):hover{border-color:var(--tool-primary);transform:translateY(-1px)}.preset-btn:where(.astro-cfh6nxxu).active{background:var(--tool-primary-soft);border-color:var(--tool-primary)}.preset-btn:where(.astro-cfh6nxxu) .preset-name:where(.astro-cfh6nxxu){color:var(--tool-text);font-size:13px;font-weight:600}.preset-btn:where(.astro-cfh6nxxu) .preset-icon:where(.astro-cfh6nxxu){background:color-mix(in srgb, var(--tool-primary) 12%, var(--tool-surface));width:28px;height:28px;color:var(--tool-primary);border-radius:8px;place-items:center;margin-bottom:8px;display:grid}.preset-btn:where(.astro-cfh6nxxu) .preset-icon:where(.astro-cfh6nxxu) svg:where(.astro-cfh6nxxu){width:18px;height:18px}.field:where(.astro-cfh6nxxu){margin-bottom:16px}.field-label:where(.astro-cfh6nxxu){color:var(--tool-text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.field-row:where(.astro-cfh6nxxu){grid-template-columns:1fr 1fr;gap:10px;display:grid}.input:where(.astro-cfh6nxxu),.select:where(.astro-cfh6nxxu){border:1px solid var(--tool-border-strong);background:var(--tool-surface-strong);width:100%;color:var(--tool-text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:where(.astro-cfh6nxxu):focus,.select:where(.astro-cfh6nxxu):focus{border-color:var(--tool-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--tool-primary) 24%, transparent);outline:none}textarea:where(.astro-cfh6nxxu).input{resize:vertical;min-height:64px;line-height:1.5}.color-row:where(.astro-cfh6nxxu){align-items:center;gap:8px;display:flex}.color-row:where(.astro-cfh6nxxu) .input:where(.astro-cfh6nxxu){flex:1}input:where(.astro-cfh6nxxu)[type=color]{border:1px solid var(--tool-border-strong);cursor:pointer;background:var(--tool-surface-strong);border-radius:8px;width:40px;height:40px;padding:4px}input:where(.astro-cfh6nxxu)[type=color]::-webkit-color-swatch-wrapper{padding:0}input:where(.astro-cfh6nxxu)[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.select-pills:where(.astro-cfh6nxxu){flex-wrap:wrap;gap:6px;display:flex}.pill:where(.astro-cfh6nxxu){background:var(--tool-surface);border:1px solid var(--tool-border-strong);min-width:70px;color:var(--tool-text-muted);border-radius:8px;flex:1;padding:8px 10px;font-size:13px;font-weight:500;transition:all .15s}.pill:where(.astro-cfh6nxxu):hover{border-color:var(--tool-primary)}.pill:where(.astro-cfh6nxxu).active{background:var(--tool-primary);color:var(--button-text);border-color:var(--tool-primary)}.pill-group:where(.astro-cfh6nxxu){gap:6px;display:flex}.pill-group:where(.astro-cfh6nxxu) .pill:where(.astro-cfh6nxxu){flex:1}.preview-header:where(.astro-cfh6nxxu){border-bottom:1px solid var(--tool-border);justify-content:space-between;align-items:center;padding:16px 32px;display:flex}.preview-tabs:where(.astro-cfh6nxxu){gap:4px;display:flex}.tab:where(.astro-cfh6nxxu){color:var(--tool-text-muted);border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500}.tab:where(.astro-cfh6nxxu).active{background:var(--tool-surface);color:var(--tool-text)}.preview-stage:where(.astro-cfh6nxxu){background:linear-gradient(180deg, color-mix(in srgb, var(--tool-surface) 82%, transparent), color-mix(in srgb, var(--tool-surface-strong) 88%, transparent)), repeating-conic-gradient(#ffffff0d 0% 25%, transparent 0% 50%) 50% / 24px 24px;flex:1;place-items:center;min-width:0;padding:40px;display:grid;overflow:hidden}#cta-preview:where(.astro-cfh6nxxu){width:100%;min-width:0;max-width:640px;display:block}.code-panel:where(.astro-cfh6nxxu){background:#081321;flex:1;min-width:0;padding:24px 32px;display:none;overflow:auto}.code-panel:where(.astro-cfh6nxxu).active{display:block}.code-header:where(.astro-cfh6nxxu) span:where(.astro-cfh6nxxu){color:#e2e8f0;font-size:13px;font-weight:500}.preview-copy-btn:where(.astro-cfh6nxxu),.code-copy-tab:where(.astro-cfh6nxxu){align-items:center;gap:8px;display:inline-flex}.btn-icon:where(.astro-cfh6nxxu),.inline-copy-icon:where(.astro-cfh6nxxu){flex:none}.btn-icon:where(.astro-cfh6nxxu){width:15px;height:15px}.inline-copy-icon:where(.astro-cfh6nxxu){width:14px;height:14px}pre:where(.astro-cfh6nxxu).code-block{color:#e2e8f0;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;background:#ffffff0f;border-radius:10px;max-width:100%;max-height:480px;padding:20px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.preview-copy-btn:where(.astro-cfh6nxxu){isolation:isolate;padding:8px 16px;font-size:13px;box-shadow:0 12px 24px #0000002e;color:#111827!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border:1px solid #f59e0b!important}.preview-copy-btn:where(.astro-cfh6nxxu) span:where(.astro-cfh6nxxu){color:inherit!important}.code-copy-tab:where(.astro-cfh6nxxu){color:#0f172a;background:#f8fafceb;border:1px solid #94a3b866}.feature-icon:where(.astro-cfh6nxxu){background:var(--tool-primary-soft);width:48px;height:48px;color:var(--tool-primary);border-radius:12px;place-items:center;margin-bottom:20px;display:grid}.feature-icon:where(.astro-cfh6nxxu) svg:where(.astro-cfh6nxxu){width:24px;height:24px}.features-grid:where(.astro-cfh6nxxu){grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature:where(.astro-cfh6nxxu){border-radius:var(--tool-radius-lg);background:var(--tool-surface);border:1px solid var(--tool-border);padding:32px;transition:all .2s}.feature:where(.astro-cfh6nxxu):hover{box-shadow:var(--tool-shadow);border-color:color-mix(in srgb, var(--tool-primary) 40%, var(--tool-border));transform:translateY(-4px)}.feature:where(.astro-cfh6nxxu) h3:where(.astro-cfh6nxxu){letter-spacing:-.01em;margin-bottom:8px;font-size:18px;font-weight:700}.feature:where(.astro-cfh6nxxu) p:where(.astro-cfh6nxxu){color:var(--tool-text-muted);font-size:15px}#how:where(.astro-cfh6nxxu){background:0 0}.steps:where(.astro-cfh6nxxu){grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step:where(.astro-cfh6nxxu){background:var(--tool-surface);border-radius:var(--tool-radius);border:1px solid var(--tool-border);padding:24px;position:relative}.step-num:where(.astro-cfh6nxxu){background:linear-gradient(135deg, var(--tool-primary), var(--tool-accent));width:32px;height:32px;color:var(--button-text);border-radius:50%;place-items:center;margin-bottom:16px;font-size:14px;font-weight:700;display:grid}.step:where(.astro-cfh6nxxu) h4:where(.astro-cfh6nxxu){margin-bottom:6px;font-size:16px;font-weight:700}.step:where(.astro-cfh6nxxu) p:where(.astro-cfh6nxxu){color:var(--tool-text-muted);font-size:14px}#learn-more:where(.astro-cfh6nxxu){background:0 0}.toast:where(.astro-cfh6nxxu){background:var(--tool-surface-strong);color:var(--tool-text);box-shadow:var(--tool-shadow);border:1px solid var(--tool-border);z-index:200;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;bottom:32px;left:50%;transform:translate(-50%)translateY(100px)}.toast:where(.astro-cfh6nxxu).show{transform:translate(-50%)translateY(0)}.toast-icon:where(.astro-cfh6nxxu){color:var(--tool-success)}@media (width<=900px){.generator-grid:where(.astro-cfh6nxxu){grid-template-columns:1fr}.panel-controls:where(.astro-cfh6nxxu){border-right:none;border-bottom:1px solid var(--border);max-height:none}.features-grid:where(.astro-cfh6nxxu),.steps:where(.astro-cfh6nxxu),.testimonials-grid:where(.astro-cfh6nxxu){grid-template-columns:1fr}.hero:where(.astro-cfh6nxxu){padding:48px 0 40px}section:where(.astro-cfh6nxxu){padding:56px 0}}