.tool.svelte-12s3lq5.svelte-12s3lq5{display:flex;flex-direction:column;gap:var(--space-5);width:100%;animation:svelte-12s3lq5-fadeIn var(--transition) var(--ease-out)}@keyframes svelte-12s3lq5-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.tool.svelte-12s3lq5.svelte-12s3lq5{animation:none}}.tool-header.svelte-12s3lq5.svelte-12s3lq5{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-12s3lq5.svelte-12s3lq5{display:flex;flex-direction:column;gap:var(--space-1)}.tool-name.svelte-12s3lq5.svelte-12s3lq5{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:var(--tracking-tight);margin:0}.tool-desc.svelte-12s3lq5.svelte-12s3lq5{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.tool-actions.svelte-12s3lq5.svelte-12s3lq5{display:flex;align-items:center;gap:var(--space-2)}.icon-btn.svelte-12s3lq5.svelte-12s3lq5{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-12s3lq5.svelte-12s3lq5:hover{background:var(--bg-hover);color:var(--text-primary)}.preview-section.svelte-12s3lq5.svelte-12s3lq5{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.preview-image.svelte-12s3lq5.svelte-12s3lq5{transition:filter .1s}.preview-image.svelte-12s3lq5 svg.svelte-12s3lq5{border-radius:var(--radius)}@media (prefers-reduced-motion: reduce){.preview-image.svelte-12s3lq5.svelte-12s3lq5{transition:none}}.filter-code.svelte-12s3lq5.svelte-12s3lq5{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--text-sm)}.controls-grid.svelte-12s3lq5.svelte-12s3lq5{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.control.svelte-12s3lq5.svelte-12s3lq5{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)}.control.svelte-12s3lq5 label.svelte-12s3lq5{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.control.svelte-12s3lq5 input.svelte-12s3lq5{width:100%}@media (max-width: 768px){.controls-grid.svelte-12s3lq5.svelte-12s3lq5{grid-template-columns:1fr}.tool-header.svelte-12s3lq5.svelte-12s3lq5{flex-direction:column;align-items:flex-start}.tool-actions.svelte-12s3lq5.svelte-12s3lq5{width:100%;justify-content:flex-end}}.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)}}