.color-picker[data-v-6d12c38c]{width:48px;height:48px;border:2px solid var(--color-border, #e0e0e0);border-radius:8px;cursor:pointer;padding:2px;background:transparent}.color-info[data-v-6d12c38c]{display:flex;flex-direction:column;gap:.25rem}.color-info code[data-v-6d12c38c]{font-family:Fira Code,Courier New,monospace;font-size:.825rem;color:var(--color-text-secondary)}.color-preview-large[data-v-6d12c38c]{width:100%;height:80px;border-radius:8px;border:1px solid var(--color-border, #e0e0e0);margin-bottom:.5rem}.color-label-row[data-v-6d12c38c]{display:flex;align-items:center;gap:.75rem}.color-label[data-v-6d12c38c]{font-size:.875rem;font-weight:600;color:var(--color-text-secondary)}.color-label-row code[data-v-6d12c38c]{font-family:Fira Code,Courier New,monospace;font-size:.825rem}.simulations-grid[data-v-6d12c38c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.simulation-card[data-v-6d12c38c]{border:1px solid var(--color-border, #e0e0e0);border-radius:8px;padding:.75rem;background:var(--color-bg-soft, #f9f9f9)}.sim-color-row[data-v-6d12c38c]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.sim-swatch[data-v-6d12c38c]{width:60px;height:40px;border-radius:6px;border:1px solid var(--color-border, #e0e0e0);flex-shrink:0}.sim-arrow[data-v-6d12c38c]{font-size:1.25rem;color:var(--color-text-secondary)}.sim-info[data-v-6d12c38c]{display:flex;flex-direction:column;gap:.25rem}.sim-label[data-v-6d12c38c]{font-size:.875rem;font-weight:600;color:var(--color-text)}.sim-description[data-v-6d12c38c]{font-size:.75rem;color:var(--color-text-secondary)}.sim-hex-row[data-v-6d12c38c]{display:flex;align-items:center;gap:.5rem}.sim-hex-row code[data-v-6d12c38c],.sim-rgb[data-v-6d12c38c]{font-family:Fira Code,Courier New,monospace;font-size:.8rem;color:var(--color-text)}.comparison-row[data-v-6d12c38c]{display:flex;gap:.5rem;flex-wrap:wrap}.comparison-item[data-v-6d12c38c]{display:flex;flex-direction:column;align-items:center;gap:.375rem;flex:1;min-width:80px}.comparison-swatch[data-v-6d12c38c]{width:100%;height:60px;border-radius:6px;border:1px solid var(--color-border, #e0e0e0)}.comparison-label[data-v-6d12c38c]{font-size:.7rem;color:var(--color-text-secondary);text-align:center}