.tool.svelte-5ioamz{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.tool-bar.svelte-5ioamz{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.tool-title.svelte-5ioamz{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-semibold);color:var(--text-primary)}.tool-title-text.svelte-5ioamz{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0;color:inherit}.tool-icon.svelte-5ioamz{width:18px;height:18px;color:var(--accent)}.tool-actions.svelte-5ioamz{display:flex;align-items:center;gap:var(--space-2)}.btn-ghost.svelte-5ioamz{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius);background:transparent;color:var(--text-tertiary);transition:all var(--transition)}.btn-ghost.svelte-5ioamz:hover{background:var(--bg-hover);color:var(--text-primary)}.preview-card.svelte-5ioamz{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow)}.color-swatch.svelte-5ioamz{height:160px;position:relative;background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;border:3px solid transparent;border-radius:var(--radius-md) var(--radius-md) 0 0;background-clip:padding-box}.color-swatch.svelte-5ioamz:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;pointer-events:none}.color-swatch.svelte-5ioamz:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:inherit;border-radius:var(--radius-sm)}.preview-info.svelte-5ioamz{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-top:1px solid var(--border-subtle)}.preview-label.svelte-5ioamz{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.preview-hex.svelte-5ioamz{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:.05em}.error-bar.svelte-5ioamz{padding:var(--space-3) var(--space-4);background:var(--bg-error);border:1px solid var(--border-error);border-radius:var(--radius-md)}.error-message.svelte-5ioamz{font-size:var(--text-sm);color:var(--text-error)}.formats-grid.svelte-5ioamz{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.format-card.svelte-5ioamz{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.format-header.svelte-5ioamz{display:flex;justify-content:space-between;align-items:center}.format-label.svelte-5ioamz{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--accent)}.format-actions.svelte-5ioamz{display:flex;gap:var(--space-1)}.format-input.svelte-5ioamz{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--radius);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--transition)}.format-input.svelte-5ioamz:hover{border-color:var(--border-default)}.format-input.svelte-5ioamz:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.format-input.svelte-5ioamz::placeholder{color:var(--text-disabled)}.sr-only.svelte-5ioamz{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.info-bar.svelte-5ioamz{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap}.info-item.svelte-5ioamz{display:flex;align-items:center;gap:var(--space-2)}.info-label.svelte-5ioamz{font-size:var(--text-sm);color:var(--text-tertiary)}.info-value.svelte-5ioamz{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}@media (max-width: 768px){.tool-bar.svelte-5ioamz{flex-direction:column;gap:var(--space-3);align-items:flex-start}.tool-actions.svelte-5ioamz{width:100%;justify-content:flex-end}.formats-grid.svelte-5ioamz{grid-template-columns:1fr}.info-bar.svelte-5ioamz{flex-direction:column;align-items:flex-start}}.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)}}