.contrast-state-editor[data-v-557b057b]{background:color-mix(in srgb,var(--surface-panel-2) 82%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:16px;display:grid;gap:.875rem;min-width:0;padding:1rem}.contrast-state-editor__header[data-v-557b057b]{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.contrast-state-editor__header h3[data-v-557b057b]{color:var(--color-text-primary);font-size:1rem;margin:0}.contrast-state-editor__badge[data-v-557b057b]{background:color-mix(in srgb,var(--surface-panel-1) 75%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:999px;color:var(--color-text-secondary);font-size:.75rem;padding:.22rem .6rem}.contrast-state-editor__grid[data-v-557b057b]{display:grid;gap:.75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.contrast-state-editor__field[data-v-557b057b]{display:grid;gap:.4rem;min-width:0}.contrast-state-editor__label[data-v-557b057b]{color:var(--color-text-secondary);font-size:.78rem}.contrast-state-editor__input-row[data-v-557b057b]{align-items:center;display:grid;gap:.5rem;grid-template-columns:44px minmax(0,1fr);min-width:0}.contrast-state-editor[data-v-557b057b] .input,.contrast-state-editor[data-v-557b057b] .input__wrapper,.contrast-state-editor[data-v-557b057b] .input__field{min-width:0}.contrast-state-editor__picker[data-v-557b057b]{background:transparent;border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:10px;cursor:pointer;height:40px;padding:.18rem;width:44px}@media(max-width:700px){.contrast-state-editor[data-v-557b057b]{padding:.75rem}.contrast-state-editor__grid[data-v-557b057b]{grid-template-columns:1fr}.contrast-state-editor__input-row[data-v-557b057b]{gap:.4rem;grid-template-columns:40px minmax(0,1fr)}.contrast-state-editor__picker[data-v-557b057b]{border-radius:8px;height:36px;padding:.12rem;width:40px}}.contrast-preview-panel[data-v-1d156a8b]{background:color-mix(in srgb,var(--surface-panel-1) 85%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:18px;display:grid;gap:1rem;min-width:0;padding:1rem}.contrast-preview-panel__header h2[data-v-1d156a8b]{color:var(--color-text-primary);font-size:1rem;margin:0}.contrast-preview-panel__header p[data-v-1d156a8b]{color:var(--color-text-secondary);font-size:.9rem;margin:.4rem 0 0}.contrast-preview-panel__grid[data-v-1d156a8b]{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.contrast-preview-panel__card[data-v-1d156a8b]{background:color-mix(in srgb,var(--surface-panel-2) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:14px;display:grid;gap:.7rem;min-width:0;padding:.8rem}.contrast-preview-panel__state-name[data-v-1d156a8b]{color:var(--color-text-secondary);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.contrast-preview-panel__button[data-v-1d156a8b]{align-items:center;border:2px solid;border-radius:12px;display:inline-flex;font-weight:600;gap:.45rem;padding:.68rem .85rem;width:-moz-fit-content;width:fit-content}.contrast-preview-panel__icon[data-v-1d156a8b]{font-size:.92rem;line-height:1}.contrast-preview-panel__micro-copy[data-v-1d156a8b]{border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:10px;font-size:.84rem;margin:0;overflow-wrap:anywhere;padding:.5rem .62rem}@media(max-width:700px){.contrast-preview-panel[data-v-1d156a8b]{padding:.75rem}.contrast-preview-panel__grid[data-v-1d156a8b]{grid-template-columns:1fr}.contrast-preview-panel__button[data-v-1d156a8b]{justify-content:center;text-align:center;width:100%}.contrast-preview-panel__micro-copy[data-v-1d156a8b]{font-size:.8rem}}.contrast-results-table[data-v-9bb55f71]{background:color-mix(in srgb,var(--surface-panel-2) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:16px;display:grid;gap:.85rem;min-width:0;padding:1rem}.contrast-results-table__desktop[data-v-9bb55f71]{display:block}.contrast-results-table__mobile[data-v-9bb55f71]{display:none}.contrast-results-table__header h2[data-v-9bb55f71]{color:var(--color-text-primary);font-size:1rem;margin:0}.contrast-results-table__header p[data-v-9bb55f71]{color:var(--color-text-secondary);font-size:.9rem;margin:.35rem 0 0}.contrast-results-table__badge[data-v-9bb55f71]{border-radius:999px;display:inline-flex;font-size:.72rem;font-weight:700;justify-content:center;letter-spacing:.03em;min-width:58px;padding:.2rem .5rem;text-transform:uppercase}.contrast-results-table__badge_pass[data-v-9bb55f71]{background:#bbf7d0;color:#14532d}.contrast-results-table__badge_fail[data-v-9bb55f71]{background:#fecaca;color:#7f1d1d}.contrast-results-table__mobile-card[data-v-9bb55f71]{background:color-mix(in srgb,var(--surface-panel-1) 76%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:12px;display:grid;gap:.45rem;min-width:0;padding:.72rem}.contrast-results-table__mobile-card h3[data-v-9bb55f71]{color:var(--color-text-primary);font-size:.9rem;margin:0 0 .2rem}.contrast-results-table__mobile-row[data-v-9bb55f71]{align-items:center;display:grid;gap:.45rem;grid-template-columns:minmax(0,1fr) auto auto}.contrast-results-table__mobile-row span[data-v-9bb55f71]:first-child{color:var(--color-text-secondary);font-size:.82rem}.contrast-results-table__mobile-row strong[data-v-9bb55f71]{color:var(--color-text-primary);font-size:.82rem;white-space:nowrap}@media(max-width:780px){.contrast-results-table[data-v-9bb55f71]{padding:.75rem}.contrast-results-table__desktop[data-v-9bb55f71]{display:none}.contrast-results-table__mobile[data-v-9bb55f71]{display:grid;gap:.6rem}}@media(max-width:420px){.contrast-results-table[data-v-9bb55f71]{border-radius:12px;padding:.68rem}.contrast-results-table__mobile-row[data-v-9bb55f71]{gap:.34rem .45rem;grid-template-columns:minmax(0,1fr) auto}.contrast-results-table__mobile-row .contrast-results-table__badge[data-v-9bb55f71]{grid-column:1/-1;justify-self:start}.contrast-results-table__badge[data-v-9bb55f71]{font-size:.68rem;min-width:0;padding:.18rem .45rem}}.contrast-autofix-controls[data-v-b1bbd890]{background:color-mix(in srgb,var(--surface-panel-1) 82%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:16px;display:grid;gap:.9rem;min-width:0;padding:1rem}.contrast-autofix-controls header h2[data-v-b1bbd890]{color:var(--color-text-primary);font-size:1rem;margin:0}.contrast-autofix-controls header p[data-v-b1bbd890]{color:var(--color-text-secondary);font-size:.9rem;margin:.35rem 0 0}.contrast-autofix-controls__grid[data-v-b1bbd890]{display:grid;gap:.7rem;grid-template-columns:repeat(3,minmax(0,1fr))}.contrast-autofix-controls__actions[data-v-b1bbd890]{display:flex;flex-wrap:wrap;gap:.6rem;min-width:0}@media(max-width:820px){.contrast-autofix-controls[data-v-b1bbd890]{padding:.8rem}.contrast-autofix-controls header h2[data-v-b1bbd890]{font-size:.95rem}.contrast-autofix-controls header p[data-v-b1bbd890]{font-size:.85rem}.contrast-autofix-controls__grid[data-v-b1bbd890]{grid-template-columns:1fr}.contrast-autofix-controls__actions[data-v-b1bbd890]{display:grid;grid-template-columns:1fr}.contrast-autofix-controls__actions[data-v-b1bbd890] .button{width:100%}}@media(max-width:420px){.contrast-autofix-controls[data-v-b1bbd890]{border-radius:12px;padding:.7rem}.contrast-autofix-controls[data-v-b1bbd890] .select{min-width:0}.contrast-autofix-controls[data-v-b1bbd890] .button__text{white-space:normal}}.contrast-export-panel[data-v-108d7dad]{background:color-mix(in srgb,var(--surface-panel-2) 84%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 60%,transparent);border-radius:16px;min-width:0;padding:.7rem}@media(max-width:700px){.contrast-export-panel[data-v-108d7dad]{padding:.5rem}.contrast-export-panel[data-v-108d7dad] .code-export__panel{padding:.7rem}.contrast-export-panel[data-v-108d7dad] .code-export__title{font-size:.9rem}.contrast-export-panel[data-v-108d7dad] .code-export__actions{grid-template-columns:1fr}}@media(max-width:420px){.contrast-export-panel[data-v-108d7dad]{padding:.42rem}.contrast-export-panel[data-v-108d7dad] .code-export__panel{border-radius:12px;padding:.62rem}.contrast-export-panel[data-v-108d7dad] .code-export__toolbar,.contrast-export-panel[data-v-108d7dad] .code-export__actions{gap:.45rem}.contrast-export-panel[data-v-108d7dad] .code-export__actions>*{min-width:0;width:100%}.contrast-export-panel[data-v-108d7dad] .code-export__copy-button .button__text,.contrast-export-panel[data-v-108d7dad] .code-export__download-button .button__text{white-space:normal}.contrast-export-panel[data-v-108d7dad] .code-export__content{font-size:.72rem}}.contrast-checking-process[data-v-691efc07]{display:grid;gap:1rem;min-width:0}.contrast-checking-process[data-v-691efc07]>*{min-width:0}.contrast-checking-process__states[data-v-691efc07]{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:980px){.contrast-checking-process__states[data-v-691efc07]{grid-template-columns:1fr}}@media(max-width:700px){.contrast-checking-process[data-v-691efc07]{gap:.75rem}.contrast-checking-process__states[data-v-691efc07]{gap:.7rem}}.contrast-checker-page[data-v-5f6b1563]{background:radial-gradient(ellipse 100% 70% at 50% 0,rgba(14,165,233,.25),transparent 60%),radial-gradient(circle 120% at 80% 80%,rgba(34,197,94,.18),transparent 50%),linear-gradient(180deg,#0f1419,#1a1f2e);isolation:isolate;min-height:100vh;overflow-x:clip;padding:120px 0 3rem;position:relative}.contrast-checker-page[data-v-5f6b1563]:before{background:radial-gradient(circle at 20% 30%,rgba(56,189,248,.3),transparent 40%),radial-gradient(circle at 80% 20%,rgba(167,139,250,.25),transparent 45%),radial-gradient(circle at 60% 80%,rgba(52,211,153,.2),transparent 40%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.contrast-checker-page .container[data-v-5f6b1563]{min-width:0;position:relative;z-index:2}.contrast-checker-page__breadcrumbs[data-v-5f6b1563]{position:relative;z-index:3}.contrast-checker-page__content[data-v-5f6b1563]{display:grid;gap:1rem;position:relative;z-index:1}.contrast-checker-page__bg[data-v-5f6b1563]{display:none}.contrast-checker-page__hero[data-v-5f6b1563]{background:linear-gradient(155deg,color-mix(in srgb,var(--surface-panel-2) 86%,transparent),color-mix(in srgb,var(--surface-panel-1) 82%,transparent));border:1px solid color-mix(in srgb,var(--color-border) 58%,transparent);border-radius:22px;padding:1.4rem}.contrast-checker-page__hero-copy[data-v-5f6b1563]{max-width:760px}.contrast-checker-page__hero-copy h1[data-v-5f6b1563]{color:var(--color-text-primary);font-size:clamp(1.6rem,2vw,2.2rem);margin:0}.contrast-checker-page__hero-copy p[data-v-5f6b1563]{color:var(--color-text-secondary);font-size:1rem;line-height:1.58;margin:.65rem 0 0}.contrast-checker-page__eyebrow[data-v-5f6b1563]{color:var(--color-primary);font-size:.8rem;font-weight:700;letter-spacing:.08em;margin:0 0 .5rem;text-transform:uppercase}.contrast-checker-page__tool[data-v-5f6b1563]{min-width:0}.contrast-checker-page__text-block[data-v-5f6b1563]{background:color-mix(in srgb,var(--surface-panel-1) 80%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 54%,transparent);border-radius:18px;padding:1.1rem}.contrast-checker-page__text-block h2[data-v-5f6b1563]{color:var(--color-text-primary);font-size:1.12rem;margin:0}.contrast-checker-page__text-block p[data-v-5f6b1563]{color:var(--color-text-secondary);line-height:1.65;margin:.65rem 0 0}.contrast-checker-page__faq h2[data-v-5f6b1563]{color:var(--color-text-primary);font-size:1.12rem;margin:0}.contrast-checker-page__faq-list[data-v-5f6b1563]{display:grid;gap:.7rem;margin-top:.75rem}.contrast-checker-page__faq-item[data-v-5f6b1563]{background:color-mix(in srgb,var(--surface-panel-2) 82%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 55%,transparent);border-radius:14px;padding:.85rem}.contrast-checker-page__faq-item h3[data-v-5f6b1563]{color:var(--color-text-primary);font-size:.98rem;margin:0}.contrast-checker-page__faq-item p[data-v-5f6b1563]{color:var(--color-text-secondary);line-height:1.58;margin:.5rem 0 0}@media(max-width:900px){.contrast-checker-page[data-v-5f6b1563]{padding:100px 0 2.4rem}.contrast-checker-page__hero[data-v-5f6b1563]{border-radius:16px;padding:1rem}.contrast-checker-page__hero-copy h1[data-v-5f6b1563]{font-size:clamp(1.32rem,5.5vw,1.72rem)}.contrast-checker-page__hero-copy p[data-v-5f6b1563]{font-size:.92rem;line-height:1.5}.contrast-checker-page__eyebrow[data-v-5f6b1563]{font-size:.74rem;letter-spacing:.06em}.contrast-checker-page__text-block[data-v-5f6b1563]{border-radius:14px;padding:.85rem}.contrast-checker-page__text-block h2[data-v-5f6b1563]{font-size:1rem}.contrast-checker-page__text-block p[data-v-5f6b1563]{font-size:.9rem;line-height:1.55}.contrast-checker-page__faq h2[data-v-5f6b1563]{font-size:1rem}.contrast-checker-page__faq-item[data-v-5f6b1563]{padding:.72rem}.contrast-checker-page__faq-item h3[data-v-5f6b1563]{font-size:.9rem}.contrast-checker-page__faq-item p[data-v-5f6b1563]{font-size:.88rem}}@media(max-width:420px){.contrast-checker-page__hero[data-v-5f6b1563]{border-radius:12px;padding:.82rem}.contrast-checker-page__hero-copy h1[data-v-5f6b1563]{font-size:1.24rem}.contrast-checker-page__hero-copy p[data-v-5f6b1563]{font-size:.88rem}.contrast-checker-page__text-block[data-v-5f6b1563]{border-radius:12px;padding:.75rem}.contrast-checker-page__faq-item[data-v-5f6b1563]{border-radius:12px;padding:.65rem}}@media(max-width:768px){.contrast-checker-page[data-v-5f6b1563]{background:radial-gradient(ellipse 100% 70% at 50% 0,rgba(14,165,233,.22),transparent 58%),radial-gradient(circle 120% at 80% 80%,rgba(34,197,94,.14),transparent 48%),linear-gradient(180deg,#0f1419,#1a1f2e)}}