.contrast-tool[data-v-2ea66911]{width:100%}.color-controls[data-v-2ea66911]{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1.5rem;flex-wrap:wrap}.control-group[data-v-2ea66911]{display:flex;flex-direction:column;gap:.35rem}.control-group label[data-v-2ea66911]{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.color-input-row[data-v-2ea66911]{display:flex;gap:.5rem;align-items:center}.color-input[data-v-2ea66911]{width:48px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-secondary);cursor:pointer;padding:2px}.hex-text-input[data-v-2ea66911]{width:120px;font-family:var(--font-mono)}.swap-btn[data-v-2ea66911]{padding:.5rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:1.2rem;cursor:pointer;transition:all .2s}.swap-btn[data-v-2ea66911]:hover{border-color:var(--accent);color:var(--accent)}.preview-section[data-v-2ea66911]{margin-bottom:1.5rem}.text-preview[data-v-2ea66911]{padding:2rem;border-radius:var(--radius);border:1px solid var(--border)}.preview-large[data-v-2ea66911]{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.preview-normal[data-v-2ea66911]{font-size:1rem;line-height:1.6}.ratio-section[data-v-2ea66911]{margin-bottom:1.5rem}.ratio-display[data-v-2ea66911]{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius);border:1px solid var(--border)}.ratio-label[data-v-2ea66911]{font-size:.85rem;color:var(--text-secondary)}.ratio-value[data-v-2ea66911]{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--accent)}.badges-grid[data-v-2ea66911]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.badge[data-v-2ea66911]{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;border-radius:var(--radius);border:2px solid;text-align:center}.badge.pass[data-v-2ea66911]{border-color:var(--success);background:#51cf6614}.badge.fail[data-v-2ea66911]{border-color:var(--error);background:#ff6b6b14}.badge-level[data-v-2ea66911]{font-size:1.1rem;font-weight:700}.badge.pass .badge-level[data-v-2ea66911]{color:var(--success)}.badge.fail .badge-level[data-v-2ea66911]{color:var(--error)}.badge-desc[data-v-2ea66911]{font-size:.8rem;color:var(--text-secondary)}.badge-status[data-v-2ea66911]{font-size:.85rem;font-weight:600}.badge.pass .badge-status[data-v-2ea66911]{color:var(--success)}.badge.fail .badge-status[data-v-2ea66911]{color:var(--error)}@media(max-width:640px){.color-controls[data-v-2ea66911]{flex-direction:column;align-items:stretch}.swap-btn[data-v-2ea66911]{align-self:center}.badges-grid[data-v-2ea66911]{grid-template-columns:repeat(2,1fr)}}