.tool.svelte-1l8vec9{display:flex;flex-direction:column;gap:var(--space-5);width:100%;animation:svelte-1l8vec9-fadeIn var(--transition) var(--ease-out)}@keyframes svelte-1l8vec9-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tool-header.svelte-1l8vec9{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-subtle)}.tool-meta.svelte-1l8vec9{display:flex;flex-direction:column;gap:var(--space-1)}.tool-name.svelte-1l8vec9{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.tool-desc.svelte-1l8vec9{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.tool-actions.svelte-1l8vec9{display:flex;align-items:center;gap:var(--space-2)}.icon-btn.svelte-1l8vec9{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);background:transparent;color:var(--text-tertiary);border:none;cursor:pointer;transition:all var(--transition-fast)}.icon-btn.svelte-1l8vec9:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.svelte-1l8vec9:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.upload-section.svelte-1l8vec9{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-1l8vec9{width:100%}.file-input.svelte-1l8vec9:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.upload-hint.svelte-1l8vec9{font-size:var(--text-sm);color:var(--text-secondary)}.loading-display.svelte-1l8vec9{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-secondary)}.loading-spinner.svelte-1l8vec9{width:16px;height:16px;border:2px solid var(--border-subtle);border-top-color:var(--accent);border-radius:50%;animation:svelte-1l8vec9-spin 1s linear infinite}@keyframes svelte-1l8vec9-spin{to{transform:rotate(360deg)}}.error-display.svelte-1l8vec9{padding:var(--space-3);background:var(--error-soft);color:var(--error-text);border-radius:var(--radius-md)}.result-section.svelte-1l8vec9{display:flex;flex-direction:column;gap:var(--space-4)}.file-info.svelte-1l8vec9{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.info-item.svelte-1l8vec9{display:flex;gap:var(--space-2)}.info-label.svelte-1l8vec9{font-size:var(--text-sm);color:var(--text-tertiary)}.info-value.svelte-1l8vec9{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.dataurl-output.svelte-1l8vec9{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.output-header.svelte-1l8vec9{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary)}.dataurl-text.svelte-1l8vec9{width:100%;min-height:100px;padding:var(--space-3);border:none;background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm);resize:none}.dataurl-text.svelte-1l8vec9:focus{outline:none}.truncation-notice.svelte-1l8vec9{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-1l8vec9{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-1l8vec9{align-items:center}.preview-label.svelte-1l8vec9{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary)}.preview-notice.svelte-1l8vec9{font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic}.preview-image.svelte-1l8vec9{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)}}