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