.tool-page.svelte-1blobe3{padding:2rem 0;max-width:900px}.tool-hero.svelte-1blobe3{text-align:center;margin-bottom:2rem}.tool-hero.svelte-1blobe3 h1:where(.svelte-1blobe3){font-size:2.5rem;margin-bottom:.5rem}.subtitle.svelte-1blobe3{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto}.file-header.svelte-1blobe3{display:flex;align-items:center;justify-content:space-between;margin:1.5rem 0 1rem}.file-header.svelte-1blobe3 h3:where(.svelte-1blobe3){margin:0;font-size:1.125rem}.btn-sm.svelte-1blobe3{padding:.375rem .75rem;font-size:.8125rem}.btn-xs.svelte-1blobe3{padding:.25rem .5rem;font-size:.75rem}.preview-image.svelte-1blobe3{margin:1.5rem 0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-secondary);max-height:400px;display:flex;align-items:center;justify-content:center}.preview-image.svelte-1blobe3 img:where(.svelte-1blobe3){max-width:100%;max-height:400px;object-fit:contain}.process-section.svelte-1blobe3{margin:2rem 0}.generate-btn.svelte-1blobe3{width:100%;padding:.875rem 1.5rem;font-size:1rem}.spinner.svelte-1blobe3{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-1blobe3-spin .6s linear infinite}@keyframes svelte-1blobe3-spin{to{transform:rotate(360deg)}}.results-section.svelte-1blobe3{margin:2rem 0}.results-section.svelte-1blobe3 h3:where(.svelte-1blobe3){margin-bottom:1rem}.favicon-grid.svelte-1blobe3{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.favicon-card.svelte-1blobe3{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-secondary);text-align:center}.favicon-preview.svelte-1blobe3{border-radius:var(--radius-sm);overflow:hidden;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;border:1px solid var(--border)}.favicon-preview.svelte-1blobe3 img:where(.svelte-1blobe3){width:100%;height:100%;display:block}.favicon-label.svelte-1blobe3{font-size:.875rem;font-weight:600}.favicon-usage.svelte-1blobe3{font-size:.6875rem;color:var(--text-muted)}.download-section.svelte-1blobe3{text-align:center;margin:1.5rem 0}.html-snippet-section.svelte-1blobe3{margin:1.5rem 0;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.html-snippet-section.svelte-1blobe3 h4:where(.svelte-1blobe3){margin:0 0 .75rem;font-size:1rem}.html-snippet.svelte-1blobe3{background:var(--bg-tertiary);padding:1rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.8125rem;line-height:1.6;position:relative}.html-snippet.svelte-1blobe3 code:where(.svelte-1blobe3){white-space:pre-wrap;word-break:break-all}.seo-content.svelte-1blobe3{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.seo-content.svelte-1blobe3 h2:where(.svelte-1blobe3){font-size:1.5rem;margin-top:2rem;margin-bottom:.75rem}.seo-content.svelte-1blobe3 h2:where(.svelte-1blobe3):first-child{margin-top:0}.seo-content.svelte-1blobe3 p:where(.svelte-1blobe3){color:var(--text-secondary);line-height:1.7}@media(max-width:640px){.tool-hero.svelte-1blobe3 h1:where(.svelte-1blobe3){font-size:1.75rem}.favicon-grid.svelte-1blobe3{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}