:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-tertiary: #1a1a25;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #8b5cf6;--accent-hover: #7c3aed;--border-color: #2a2a3a;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--prettier-pink: #f7b93e}[data-astro-cid-4zms6o2f]{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh}header[data-astro-cid-4zms6o2f]{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content[data-astro-cid-4zms6o2f]{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo[data-astro-cid-4zms6o2f]{font-size:1.25rem;font-weight:700;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:.5rem}.logo[data-astro-cid-4zms6o2f] svg[data-astro-cid-4zms6o2f]{width:24px;height:24px;fill:var(--accent)}nav[data-astro-cid-4zms6o2f]{display:flex;gap:1.5rem}nav[data-astro-cid-4zms6o2f] a[data-astro-cid-4zms6o2f]{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}nav[data-astro-cid-4zms6o2f] a[data-astro-cid-4zms6o2f]:hover{color:var(--accent)}main[data-astro-cid-4zms6o2f]{max-width:1400px;margin:0 auto;padding:2rem}.tool-header[data-astro-cid-4zms6o2f]{text-align:center;margin-bottom:2rem}.tool-header[data-astro-cid-4zms6o2f] h1[data-astro-cid-4zms6o2f]{font-size:2rem;margin-bottom:.5rem;color:var(--text-primary)}.tool-header[data-astro-cid-4zms6o2f] p[data-astro-cid-4zms6o2f]{color:var(--text-secondary);max-width:600px;margin:0 auto}.generator-grid[data-astro-cid-4zms6o2f]{display:grid;grid-template-columns:400px 1fr;gap:1.5rem;margin-bottom:2rem}@media (max-width: 1024px){.generator-grid[data-astro-cid-4zms6o2f]{grid-template-columns:1fr}}.panel[data-astro-cid-4zms6o2f]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;overflow:hidden}.panel-header[data-astro-cid-4zms6o2f]{background:var(--bg-tertiary);padding:1rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.panel-title[data-astro-cid-4zms6o2f]{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.panel-content[data-astro-cid-4zms6o2f]{padding:1.5rem;max-height:700px;overflow-y:auto}.form-section[data-astro-cid-4zms6o2f]{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.form-section[data-astro-cid-4zms6o2f]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.section-title[data-astro-cid-4zms6o2f]{font-size:.875rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.form-row[data-astro-cid-4zms6o2f]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-row[data-astro-cid-4zms6o2f]:last-child{margin-bottom:0}.form-group[data-astro-cid-4zms6o2f]{display:flex;flex-direction:column;gap:.375rem}.form-group[data-astro-cid-4zms6o2f].full-width{grid-column:1 / -1}.form-label[data-astro-cid-4zms6o2f]{font-size:.8125rem;color:var(--text-secondary);display:flex;align-items:center;gap:.25rem}.form-label[data-astro-cid-4zms6o2f] .default[data-astro-cid-4zms6o2f]{font-size:.6875rem;color:var(--text-secondary);opacity:.7}.form-select[data-astro-cid-4zms6o2f],.form-input[data-astro-cid-4zms6o2f]{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem}.form-select[data-astro-cid-4zms6o2f]:focus,.form-input[data-astro-cid-4zms6o2f]:focus{outline:none;border-color:var(--accent)}.toggle-row[data-astro-cid-4zms6o2f]{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.toggle-label[data-astro-cid-4zms6o2f]{font-size:.8125rem;color:var(--text-primary)}.toggle-label[data-astro-cid-4zms6o2f] .desc[data-astro-cid-4zms6o2f]{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.125rem}.toggle-switch[data-astro-cid-4zms6o2f]{position:relative;width:44px;height:24px}.toggle-switch[data-astro-cid-4zms6o2f] input[data-astro-cid-4zms6o2f]{opacity:0;width:0;height:0}.toggle-slider[data-astro-cid-4zms6o2f]{position:absolute;cursor:pointer;inset:0;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:24px;transition:.2s}.toggle-slider[data-astro-cid-4zms6o2f]:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background:var(--text-secondary);border-radius:50%;transition:.2s}.toggle-switch[data-astro-cid-4zms6o2f] input[data-astro-cid-4zms6o2f]:checked+.toggle-slider[data-astro-cid-4zms6o2f]{background:var(--accent);border-color:var(--accent)}.toggle-switch[data-astro-cid-4zms6o2f] input[data-astro-cid-4zms6o2f]:checked+.toggle-slider[data-astro-cid-4zms6o2f]:before{transform:translate(20px);background:#fff}.preview-tabs[data-astro-cid-4zms6o2f]{display:flex;gap:.5rem;margin-bottom:1rem}.preview-tab[data-astro-cid-4zms6o2f]{padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:.375rem;cursor:pointer;font-size:.8125rem;transition:all .2s}.preview-tab[data-astro-cid-4zms6o2f].active{background:var(--accent);border-color:var(--accent);color:#fff}.preview-tab[data-astro-cid-4zms6o2f]:hover:not(.active){border-color:var(--accent);color:var(--text-primary)}.preview-code[data-astro-cid-4zms6o2f]{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;line-height:1.6;background:var(--bg-primary);padding:1rem;border-radius:.5rem;min-height:300px;max-height:500px;overflow:auto;white-space:pre-wrap;color:var(--text-primary)}.btn[data-astro-cid-4zms6o2f]{padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary[data-astro-cid-4zms6o2f]{background:var(--accent);border:1px solid var(--accent);color:#fff}.btn-primary[data-astro-cid-4zms6o2f]:hover{background:var(--accent-hover)}.btn-secondary[data-astro-cid-4zms6o2f]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary[data-astro-cid-4zms6o2f]:hover{border-color:var(--accent)}.btn-sm[data-astro-cid-4zms6o2f]{padding:.375rem .75rem;font-size:.75rem}.output-section[data-astro-cid-4zms6o2f]{margin-top:1.5rem}.output-header[data-astro-cid-4zms6o2f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.format-select[data-astro-cid-4zms6o2f]{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);padding:.375rem .75rem;border-radius:.375rem;font-size:.8125rem}.output-code[data-astro-cid-4zms6o2f]{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8125rem;line-height:1.6;background:var(--bg-primary);padding:1rem;border-radius:.5rem;min-height:150px;max-height:300px;overflow:auto;white-space:pre-wrap;color:var(--text-primary)}.preset-section[data-astro-cid-4zms6o2f]{margin-bottom:2rem}.preset-grid[data-astro-cid-4zms6o2f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.preset-card[data-astro-cid-4zms6o2f]{padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s;text-align:center}.preset-card[data-astro-cid-4zms6o2f]:hover{border-color:var(--accent);transform:translateY(-2px)}.preset-card[data-astro-cid-4zms6o2f].active{border-color:var(--accent);background:#8b5cf626}.preset-icon[data-astro-cid-4zms6o2f]{font-size:1.5rem;margin-bottom:.5rem}.preset-name[data-astro-cid-4zms6o2f]{font-weight:600;margin-bottom:.25rem}.preset-desc[data-astro-cid-4zms6o2f]{font-size:.75rem;color:var(--text-secondary)}.privacy-notice[data-astro-cid-4zms6o2f]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;margin:2rem 0;text-align:center}.privacy-notice[data-astro-cid-4zms6o2f] h3[data-astro-cid-4zms6o2f]{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.5rem;color:var(--success)}.privacy-notice[data-astro-cid-4zms6o2f] p[data-astro-cid-4zms6o2f]{color:var(--text-secondary);font-size:.875rem}.seo-content[data-astro-cid-4zms6o2f]{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color)}.seo-content[data-astro-cid-4zms6o2f] h2[data-astro-cid-4zms6o2f]{font-size:1.5rem;margin-bottom:1rem;color:var(--text-primary)}.seo-content[data-astro-cid-4zms6o2f] h3[data-astro-cid-4zms6o2f]{font-size:1.125rem;margin:1.5rem 0 .75rem;color:var(--text-primary)}.seo-content[data-astro-cid-4zms6o2f] p[data-astro-cid-4zms6o2f]{color:var(--text-secondary);margin-bottom:1rem}.seo-content[data-astro-cid-4zms6o2f] ul[data-astro-cid-4zms6o2f]{color:var(--text-secondary);margin-left:1.5rem;margin-bottom:1rem}.seo-content[data-astro-cid-4zms6o2f] li[data-astro-cid-4zms6o2f]{margin-bottom:.5rem}.seo-content[data-astro-cid-4zms6o2f] code[data-astro-cid-4zms6o2f]{background:var(--bg-tertiary);padding:.125rem .375rem;border-radius:.25rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem}.related-tools[data-astro-cid-4zms6o2f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1rem}.related-tool-link[data-astro-cid-4zms6o2f]{display:block;padding:1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-primary);text-decoration:none;transition:all .2s}.related-tool-link[data-astro-cid-4zms6o2f]:hover{border-color:var(--accent);transform:translateY(-2px)}footer[data-astro-cid-4zms6o2f]{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem;text-align:center;color:var(--text-secondary);font-size:.875rem;margin-top:3rem}footer[data-astro-cid-4zms6o2f] a[data-astro-cid-4zms6o2f]{color:var(--accent);text-decoration:none}footer[data-astro-cid-4zms6o2f] a[data-astro-cid-4zms6o2f]:hover{text-decoration:underline}.ad-container[data-astro-cid-4zms6o2f]{margin:1.5rem 0;text-align:center}