.color-pickers[data-v-a66bfde2]{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap}.color-pick-group[data-v-a66bfde2]{flex:1;min-width:180px}.color-pick-row[data-v-a66bfde2]{display:flex;align-items:center;gap:.5rem}.color-preview[data-v-a66bfde2]{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);flex-shrink:0}.native-picker[data-v-a66bfde2]{width:36px;height:36px;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:transparent;cursor:pointer;padding:2px}.swap-btn[data-v-a66bfde2]{font-size:1.2rem;padding:.4rem .75rem;align-self:flex-end;margin-bottom:2px}.ratio-display[data-v-a66bfde2]{margin-top:1.5rem;text-align:center;padding:1.5rem;border-radius:var(--radius-sm);border:2px solid var(--glass-border)}.ratio-value[data-v-a66bfde2]{font-size:2.5rem;font-weight:700;font-family:monospace}.ratio-display.excellent[data-v-a66bfde2]{border-color:#22c55e;color:#22c55e}.ratio-display.good[data-v-a66bfde2]{border-color:#84cc16;color:#84cc16}.ratio-display.fair[data-v-a66bfde2]{border-color:#eab308;color:#eab308}.ratio-display.poor[data-v-a66bfde2]{border-color:#ef4444;color:#ef4444}.wcag-table[data-v-a66bfde2]{width:100%;margin-top:1.5rem;border-collapse:collapse;text-align:center}.wcag-table th[data-v-a66bfde2],.wcag-table td[data-v-a66bfde2]{padding:.6rem 1rem;border:1px solid var(--glass-border)}.wcag-table th[data-v-a66bfde2]{font-size:.85rem;color:var(--text-muted)}.level-label[data-v-a66bfde2]{font-weight:600;font-family:monospace;color:var(--text-primary)}.pass[data-v-a66bfde2]{color:#22c55e;font-weight:600}.fail[data-v-a66bfde2]{color:#ef4444;font-weight:600}.preview-area[data-v-a66bfde2]{margin-top:1.5rem;padding:1.5rem;border-radius:var(--radius-sm);border:1px solid var(--glass-border);line-height:1.6}