.tool-container.svelte-ta1bp5{display:flex;flex-direction:column;gap:var(--space-4)}.picker-section.svelte-ta1bp5{display:grid;grid-template-columns:auto 1fr;gap:var(--space-6);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}@media(max-width:640px){.picker-section.svelte-ta1bp5{grid-template-columns:1fr}}.color-preview-area.svelte-ta1bp5{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.color-input.svelte-ta1bp5{width:60px;height:40px;border:none;cursor:pointer;background:transparent;padding:0}.color-input.svelte-ta1bp5::-webkit-color-swatch-wrapper{padding:0}.color-input.svelte-ta1bp5::-webkit-color-swatch{border:1px solid var(--color-border);border-radius:var(--radius-md)}.color-swatch.svelte-ta1bp5{width:100px;height:100px;border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:0 2px 8px #0000001a}.format-fields.svelte-ta1bp5{display:flex;flex-direction:column;gap:var(--space-3)}.format-row.svelte-ta1bp5{display:flex;align-items:flex-end;gap:var(--space-2)}.format-input.svelte-ta1bp5{flex:1}.btn-copy-sm.svelte-ta1bp5{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;margin-bottom:1px}.btn-copy-sm.svelte-ta1bp5:hover{border-color:var(--color-primary);color:var(--color-primary)}.css-section.svelte-ta1bp5{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.css-label.svelte-ta1bp5{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-3)}.css-codes.svelte-ta1bp5{display:flex;flex-direction:column;gap:var(--space-2)}.css-line.svelte-ta1bp5{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md)}.css-line.svelte-ta1bp5 code:where(.svelte-ta1bp5){font-family:Courier New,Courier,monospace;font-size:var(--font-size-sm);color:var(--color-text)}