.color-input-section[data-v-1f9580dc]{align-items:flex-start;display:flex;gap:1.5rem}.color-preview[data-v-1f9580dc]{align-items:center;border:2px solid var(--border);border-radius:12px;display:flex;flex-shrink:0;height:100px;justify-content:center;width:100px}.invalid-text[data-v-1f9580dc]{color:var(--text-muted);font-size:.75rem}.color-inputs[data-v-1f9580dc]{flex:1}.tool-input[data-v-1f9580dc]{background:var(--bg-subtle);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:var(--font-mono);font-size:.9375rem;padding:.75rem 1rem;width:100%}.tool-input[data-v-1f9580dc]:focus{border-color:var(--accent);outline:none}.color-picker[data-v-1f9580dc]{background:transparent;border:1px solid var(--border);border-radius:8px;cursor:pointer;height:44px;padding:0;width:100%}.color-picker[data-v-1f9580dc]::-webkit-color-swatch-wrapper{padding:4px}.color-picker[data-v-1f9580dc]::-webkit-color-swatch{border:none;border-radius:6px}.formats-grid[data-v-1f9580dc]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.format-item[data-v-1f9580dc]{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1rem}.format-header[data-v-1f9580dc]{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.format-name[data-v-1f9580dc]{color:var(--accent);font-size:.75rem;font-weight:600}.copy-btn[data-v-1f9580dc]{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;padding:.25rem}.copy-btn[data-v-1f9580dc]:hover{color:var(--text)}.copy-btn[data-v-1f9580dc] svg{height:14px;width:14px}.format-value[data-v-1f9580dc]{color:var(--text);font-family:var(--font-mono);font-size:.875rem;word-break:break-all}@media(max-width:640px){.color-input-section[data-v-1f9580dc]{flex-direction:column}.color-preview[data-v-1f9580dc]{height:80px;width:100%}}