.tool-hero[data-astro-cid-s3m7vsay]{padding:7rem 2rem 2rem;text-align:center}.tool-hero-inner[data-astro-cid-s3m7vsay]{max-width:640px;margin:0 auto}.tool-back[data-astro-cid-s3m7vsay]{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:var(--text-muted);text-decoration:none;margin-bottom:var(--s-lg);transition:color .2s var(--ease)}.tool-back[data-astro-cid-s3m7vsay]:hover{color:var(--text-primary)}.tool-badge[data-astro-cid-s3m7vsay]{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);background:var(--bg-card);padding:6px 16px;border-radius:var(--r-pill);margin-bottom:var(--s-lg);box-shadow:var(--shadow-sm)}.tool-hero[data-astro-cid-s3m7vsay] h1[data-astro-cid-s3m7vsay]{font-family:var(--font-head);font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--s-md);line-height:1.1}.tool-hero-desc[data-astro-cid-s3m7vsay]{font-size:1.0625rem;line-height:1.7;color:var(--text-secondary)}.og-section[data-astro-cid-s3m7vsay]{padding:0 2rem var(--s-4xl)}.og-inner[data-astro-cid-s3m7vsay]{max-width:var(--max-w);margin:0 auto}.card-title[data-astro-cid-s3m7vsay],.section-title[data-astro-cid-s3m7vsay]{display:flex;align-items:center;gap:8px;font-family:var(--font-head);font-size:1.0625rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:var(--s-xl)}.card-subtitle[data-astro-cid-s3m7vsay]{font-family:var(--font-head);font-size:.875rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--s-md);letter-spacing:-.01em}.tmpl-card[data-astro-cid-s3m7vsay]{background:var(--bg-card);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:var(--s-xl) var(--s-2xl);margin-bottom:var(--s-xl)}.tmpl-btns[data-astro-cid-s3m7vsay]{display:flex;flex-wrap:wrap;gap:6px}.tm-btn[data-astro-cid-s3m7vsay]{padding:7px 16px;font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .15s var(--ease)}.tm-btn[data-astro-cid-s3m7vsay]:hover{border-color:var(--text-secondary)}.tm-btn[data-astro-cid-s3m7vsay].active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.editor-layout[data-astro-cid-s3m7vsay]{display:grid;grid-template-columns:380px 1fr;gap:var(--s-xl);margin-bottom:var(--s-3xl);align-items:start}.ctrl-card[data-astro-cid-s3m7vsay]{background:var(--bg-card);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:var(--s-xl);margin-bottom:var(--s-md)}.fg[data-astro-cid-s3m7vsay]{margin-bottom:var(--s-sm)}.fg[data-astro-cid-s3m7vsay] label[data-astro-cid-s3m7vsay]{display:block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:4px}.fg[data-astro-cid-s3m7vsay] input[data-astro-cid-s3m7vsay][type=text],.fg[data-astro-cid-s3m7vsay] select[data-astro-cid-s3m7vsay]{width:100%;padding:8px 12px;font-family:var(--font-body);font-size:.8125rem;color:var(--text-primary);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-md);outline:none;transition:border .15s var(--ease)}.fg[data-astro-cid-s3m7vsay] input[data-astro-cid-s3m7vsay]:focus,.fg[data-astro-cid-s3m7vsay] select[data-astro-cid-s3m7vsay]:focus{border-color:var(--text-secondary)}.fg[data-astro-cid-s3m7vsay] input[data-astro-cid-s3m7vsay][type=range]{width:100%;accent-color:var(--text-primary)}.range-val[data-astro-cid-s3m7vsay]{font-family:SF Mono,monospace;font-size:.6875rem;color:var(--text-muted)}.color-row[data-astro-cid-s3m7vsay]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:var(--s-md)}.color-fg[data-astro-cid-s3m7vsay] .color-wrap[data-astro-cid-s3m7vsay]{display:flex;align-items:center;gap:8px}.color-fg[data-astro-cid-s3m7vsay] input[data-astro-cid-s3m7vsay][type=color]{width:36px;height:28px;border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;padding:0;background:none}.color-fg[data-astro-cid-s3m7vsay] span[data-astro-cid-s3m7vsay]{font-family:SF Mono,monospace;font-size:.6875rem;color:var(--text-muted)}.gradient-presets[data-astro-cid-s3m7vsay]{margin-top:var(--s-md)}.gp-label[data-astro-cid-s3m7vsay]{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);display:block;margin-bottom:6px}.gp-row[data-astro-cid-s3m7vsay]{display:flex;gap:6px;flex-wrap:wrap}.gp-btn[data-astro-cid-s3m7vsay]{width:36px;height:24px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:border .15s var(--ease)}.gp-btn[data-astro-cid-s3m7vsay]:hover{border-color:var(--text-secondary)}.gp-btn[data-astro-cid-s3m7vsay].active{border-color:var(--text-primary)}.typo-row[data-astro-cid-s3m7vsay]{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:var(--s-sm)}.align-btns[data-astro-cid-s3m7vsay]{display:flex;gap:4px}.al-btn[data-astro-cid-s3m7vsay]{width:36px;height:30px;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;transition:all .15s var(--ease)}.al-btn[data-astro-cid-s3m7vsay].active{background:var(--text-primary);color:#fff;border-color:var(--text-primary)}.extras-checks[data-astro-cid-s3m7vsay]{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:var(--s-md)}.xtgl[data-astro-cid-s3m7vsay]{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--r-xs);cursor:pointer;transition:background .1s var(--ease)}.xtgl[data-astro-cid-s3m7vsay]:hover{background:var(--bg)}.xtgl[data-astro-cid-s3m7vsay] input[data-astro-cid-s3m7vsay]{accent-color:var(--text-primary);width:13px;height:13px}.xtgl[data-astro-cid-s3m7vsay] span[data-astro-cid-s3m7vsay]{font-size:.75rem;font-weight:500;color:var(--text-primary)}.preview-card[data-astro-cid-s3m7vsay]{background:var(--bg-card);border-radius:var(--r-xl);box-shadow:var(--shadow-md);overflow:hidden;position:sticky;top:100px}.preview-toolbar[data-astro-cid-s3m7vsay]{display:flex;align-items:center;justify-content:space-between;padding:var(--s-md) var(--s-xl);border-bottom:1px solid var(--border)}.preview-label[data-astro-cid-s3m7vsay]{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.dl-btn[data-astro-cid-s3m7vsay]{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;font-family:var(--font-body);font-size:.75rem;font-weight:700;color:#fff;background:var(--text-primary);border:none;border-radius:var(--r-md);cursor:pointer;transition:opacity .15s var(--ease)}.dl-btn[data-astro-cid-s3m7vsay]:hover{opacity:.85}.canvas-wrap[data-astro-cid-s3m7vsay]{padding:var(--s-lg);background:#f1f1f1}.canvas-wrap[data-astro-cid-s3m7vsay] canvas[data-astro-cid-s3m7vsay]{width:100%;height:auto;border-radius:var(--r-md);box-shadow:0 4px 24px #00000026}.meta-tags[data-astro-cid-s3m7vsay]{padding:var(--s-xl)}.meta-title[data-astro-cid-s3m7vsay]{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px}.meta-code[data-astro-cid-s3m7vsay]{font-family:SF Mono,monospace;font-size:.6875rem;line-height:1.6;color:var(--text-primary);background:var(--bg);border-radius:var(--r-md);padding:var(--s-md);white-space:pre-wrap;word-break:break-all;margin:0 0 var(--s-sm)}.copy-meta[data-astro-cid-s3m7vsay]{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;font-family:var(--font-body);font-size:.6875rem;font-weight:600;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--r-xs);cursor:pointer;transition:all .15s var(--ease)}.copy-meta[data-astro-cid-s3m7vsay]:hover{color:var(--text-primary);border-color:var(--text-secondary)}.tool-faq[data-astro-cid-s3m7vsay]{margin-bottom:var(--s-3xl)}.faq-grid[data-astro-cid-s3m7vsay]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-lg)}.faq-item[data-astro-cid-s3m7vsay]{background:var(--bg-card);border-radius:var(--r-lg);padding:var(--s-xl);box-shadow:var(--shadow-sm)}.faq-item[data-astro-cid-s3m7vsay] h3[data-astro-cid-s3m7vsay]{font-family:var(--font-head);font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.faq-item[data-astro-cid-s3m7vsay] p[data-astro-cid-s3m7vsay]{font-size:.8125rem;line-height:1.7;color:var(--text-secondary)}.tool-cta[data-astro-cid-s3m7vsay]{text-align:center;max-width:520px;margin:0 auto;padding:var(--s-xl) 0}.tool-cta[data-astro-cid-s3m7vsay] h2[data-astro-cid-s3m7vsay]{font-family:var(--font-head);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--text-primary);letter-spacing:-.035em;margin-bottom:var(--s-md)}.tool-cta[data-astro-cid-s3m7vsay] p[data-astro-cid-s3m7vsay]{font-size:1rem;line-height:1.7;color:var(--text-secondary);margin-bottom:var(--s-xl)}.tool-cta-actions[data-astro-cid-s3m7vsay]{display:flex;justify-content:center;gap:var(--s-md)}@media(max-width:1024px){.editor-layout[data-astro-cid-s3m7vsay]{grid-template-columns:1fr}.preview-card[data-astro-cid-s3m7vsay]{position:static}}@media(max-width:768px){.tool-hero[data-astro-cid-s3m7vsay]{padding:6.5rem 1.25rem 1.5rem}.og-section[data-astro-cid-s3m7vsay]{padding:0 .75rem var(--s-3xl)}.ctrl-card[data-astro-cid-s3m7vsay],.preview-card[data-astro-cid-s3m7vsay],.tmpl-card[data-astro-cid-s3m7vsay]{padding:var(--s-lg)}.color-row[data-astro-cid-s3m7vsay],.typo-row[data-astro-cid-s3m7vsay],.extras-checks[data-astro-cid-s3m7vsay],.faq-grid[data-astro-cid-s3m7vsay]{grid-template-columns:1fr}.tool-cta-actions[data-astro-cid-s3m7vsay]{flex-direction:column;align-items:stretch}}