.tool.svelte-yalupb.svelte-yalupb{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.controls.svelte-yalupb.svelte-yalupb{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.control-group.svelte-yalupb.svelte-yalupb{display:flex;flex-direction:column;gap:var(--space-1)}.control-group.wide.svelte-yalupb.svelte-yalupb{grid-column:1 / -1}.control-group.svelte-yalupb label.svelte-yalupb{font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-tertiary)}.control-group.svelte-yalupb input.svelte-yalupb{padding:var(--space-2);border:1px solid var(--border-default);border-radius:var(--radius);background:var(--bg-base);color:var(--text-primary);font-size:var(--text-sm);outline:none}.control-group.svelte-yalupb input.svelte-yalupb:focus{border-color:var(--accent)}.control-group.svelte-yalupb input[type=color].svelte-yalupb{height:38px;cursor:pointer}.preview.svelte-yalupb.svelte-yalupb{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6)}.preview.svelte-yalupb canvas.svelte-yalupb{border-radius:var(--radius);box-shadow:var(--shadow-sm)}.error-message.svelte-yalupb.svelte-yalupb{padding:var(--space-3);background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);color:#dc2626;font-size:var(--text-sm)}@media (max-width: 768px){.controls.svelte-yalupb.svelte-yalupb{grid-template-columns:1fr}}.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)}}