.tool.svelte-mtd4r{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.upload-section.svelte-mtd4r{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--bg-surface);border:2px dashed var(--border-subtle);border-radius:var(--radius-md)}.file-input.svelte-mtd4r{width:100%}.file-input.svelte-mtd4r:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.upload-hint.svelte-mtd4r{font-size:var(--text-sm);color:var(--text-secondary)}.loading-display.svelte-mtd4r{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-secondary)}.loading-spinner.svelte-mtd4r{width:16px;height:16px;border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:svelte-mtd4r-spin 1s linear infinite}@keyframes svelte-mtd4r-spin{to{transform:rotate(360deg)}}.error-display.svelte-mtd4r{padding:var(--space-3);background:var(--error-soft);color:var(--error-text);border-radius:var(--radius-md)}.result-section.svelte-mtd4r{display:flex;flex-direction:column;gap:var(--space-4)}.dataurl-text.svelte-mtd4r{width:100%;min-height:100px;padding:var(--space-3);border:none;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);resize:none}.dataurl-text.svelte-mtd4r:focus{outline:none}.truncation-notice.svelte-mtd4r{padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border-top:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);text-align:center}.preview-section.svelte-mtd4r{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.preview-section.preview-unavailable.svelte-mtd4r{align-items:center}.preview-label.svelte-mtd4r{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary)}.preview-notice.svelte-mtd4r{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.preview-image.svelte-mtd4r{max-width:100%;max-height:300px;border-radius:var(--radius)}.seo-section.svelte-nvsoda.svelte-nvsoda{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--border-subtle)}.seo-content.svelte-nvsoda.svelte-nvsoda{width:100%;margin-top:var(--space-6);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.seo-content.svelte-nvsoda.svelte-nvsoda:first-child{margin-top:0}.seo-content.svelte-nvsoda h2.svelte-nvsoda{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle)}.seo-content.svelte-nvsoda h3.svelte-nvsoda{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-top:var(--space-5);margin-bottom:var(--space-2)}.seo-content.svelte-nvsoda p.svelte-nvsoda{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-3)}.seo-content.svelte-nvsoda ul.svelte-nvsoda,.seo-content.svelte-nvsoda ol.svelte-nvsoda{color:var(--text-secondary);line-height:var(--leading-relaxed);margin-left:var(--space-4);margin-bottom:var(--space-3)}.seo-content.svelte-nvsoda li.svelte-nvsoda{margin-bottom:var(--space-2)}.seo-content.svelte-nvsoda strong.svelte-nvsoda{color:var(--text-primary);font-weight:var(--font-medium)}@media (max-width: 768px){.seo-section.svelte-nvsoda.svelte-nvsoda{margin-top:var(--space-6);padding-top:var(--space-6)}.seo-content.svelte-nvsoda.svelte-nvsoda{padding:var(--space-4);margin-top:var(--space-4)}}