.contrast-tester.svelte-10jz0mz{padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg)}@media (min-width: 768px){.contrast-tester.svelte-10jz0mz{padding:var(--space-6)}}.description.svelte-10jz0mz{color:var(--typography-body-color);font-size:var(--typography-body-size);margin-bottom:var(--space-6)}.content.svelte-10jz0mz{display:flex;flex-direction:column;gap:var(--space-4)}.pair-test.svelte-10jz0mz{padding:var(--space-4);border-radius:var(--radius-lg)}.ghost-mode.svelte-10jz0mz{border:2px solid var(--border)}.background-mode.svelte-10jz0mz{border:1px solid var(--border)}.pair-name.svelte-10jz0mz,.pair-name-bg.svelte-10jz0mz{margin-bottom:var(--space-1)}.pair-name.svelte-10jz0mz{opacity:.9}.css-vars.svelte-10jz0mz,.css-vars-bg.svelte-10jz0mz{font-size:var(--typography-caption-size);color:var(--typography-caption-color);font-weight:var(--typography-caption-weight);line-height:var(--typography-caption-line)}.css-vars.svelte-10jz0mz{opacity:.9}.css-vars-bg.svelte-10jz0mz{opacity:.7}.pair-info.svelte-10jz0mz{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.pair-info.svelte-10jz0mz{grid-template-columns:1fr auto;align-items:center}}.pair-details.svelte-10jz0mz{display:flex;flex-direction:column;word-wrap:break-word;overflow-wrap:break-word;min-width:0}.metrics.svelte-10jz0mz{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:flex-start}@media (max-width: 767px){.metrics.svelte-10jz0mz{flex-direction:column;align-items:flex-start}}.status-badge.svelte-10jz0mz{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--border)}.ratio.svelte-10jz0mz{font-size:var(--typography-body-size);color:var(--typography-body-color);font-weight:var(--typography-body-weight);line-height:var(--typography-body-line)}.ratio-ghost.svelte-10jz0mz{color:var(--heading-h1)}.ratio-label.svelte-10jz0mz,.status-label.svelte-10jz0mz,.status-indicator.svelte-10jz0mz{font-size:var(--typography-caption-size);color:var(--typography-caption-color);font-weight:var(--typography-caption-weight);line-height:var(--typography-caption-line)}.ratio-label-ghost.svelte-10jz0mz,.status-label-ghost.svelte-10jz0mz{opacity:.7}.ratio-label-bg.svelte-10jz0mz,.status-label-bg.svelte-10jz0mz{opacity:.8}.status-indicator.svelte-10jz0mz{margin-left:var(--space-1)}.status-text.svelte-10jz0mz{font-size:var(--typography-body-size);color:var(--typography-body-color);font-weight:var(--typography-body-weight);line-height:var(--typography-body-line)}.status-solid.svelte-10jz0mz{border-style:solid}.status-dashed.svelte-10jz0mz{border-style:dashed}.status-transparent.svelte-10jz0mz{border-color:transparent}.pass.svelte-10jz0mz{font-weight:var(--font-semibold)}.pass-ghost.svelte-10jz0mz{color:var(--success)}.pass-bg.svelte-10jz0mz{opacity:.95}.partial.svelte-10jz0mz{font-weight:var(--font-medium)}.partial-ghost.svelte-10jz0mz{color:var(--warning)}.partial-bg.svelte-10jz0mz{opacity:.9}.fail.svelte-10jz0mz{font-weight:var(--font-semibold)}.fail-ghost.svelte-10jz0mz{color:var(--error)}.fail-bg.svelte-10jz0mz{opacity:.95}.sample-text.svelte-10jz0mz{margin-top:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);word-wrap:break-word;overflow-wrap:break-word;min-width:0}.sample-tertiary.svelte-10jz0mz,.sample-tertiary-bg.svelte-10jz0mz{font-size:var(--typography-caption-size);color:var(--typography-caption-color);font-weight:var(--typography-caption-weight);line-height:var(--typography-caption-line)}.sample-secondary.svelte-10jz0mz,.sample-secondary-bg.svelte-10jz0mz,.sample-primary.svelte-10jz0mz,.sample-primary-bg.svelte-10jz0mz{font-size:var(--typography-body-size);color:var(--typography-body-color);font-weight:var(--typography-body-weight);line-height:var(--typography-body-line)}.sample-secondary.svelte-10jz0mz{opacity:.8}.sample-tertiary-bg.svelte-10jz0mz{opacity:.6}.sample-secondary-bg.svelte-10jz0mz{opacity:.8}.sample-primary-bg.svelte-10jz0mz{opacity:.95}.compliance-report.svelte-1y7argu{padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg)}@media (min-width: 768px){.compliance-report.svelte-1y7argu{padding:var(--space-6)}}.summary.svelte-1y7argu{color:var(--typography-body-color);font-size:var(--typography-body-size);margin-bottom:var(--space-4)}@media (min-width: 768px){.summary.svelte-1y7argu{margin-bottom:var(--space-6)}}.pairs-grid.svelte-1y7argu{display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width: 768px){.pairs-grid.svelte-1y7argu{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);align-items:center}}.compliance-card.svelte-1y7argu{display:block}@media (min-width: 768px){.compliance-card.svelte-1y7argu,.compliance-card.svelte-1y7argu .metric-card{display:contents}.compliance-card.svelte-1y7argu .metric-info{grid-column:1}.compliance-card.svelte-1y7argu .metric-visual{grid-column:2}}.compliance-visual.svelte-1y7argu{display:flex;align-items:center;gap:var(--space-3);justify-content:space-between;width:100%}.level.svelte-1y7argu{font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--surface);white-space:nowrap;flex-shrink:0}.level-AAA.svelte-1y7argu{color:var(--success)}.level-AA.svelte-1y7argu{color:var(--info)}.level-fail.svelte-1y7argu{color:var(--error)}.color-pair.svelte-1y7argu{display:flex;gap:var(--space-1);align-items:center}.color-swatch.svelte-1y7argu{width:28px;height:28px;background:var(--primary);border-radius:var(--radius-md);border:var(--border-width) solid var(--border);transition:var(--transition-base);cursor:pointer;flex-shrink:0}@media (min-width: 768px){.color-pair.svelte-1y7argu{gap:var(--space-2)}.color-swatch.svelte-1y7argu{width:40px;height:40px}}.color-swatch.svelte-1y7argu:hover{border-color:var(--border-accent);transform:scale(1.05)}.loading.svelte-1y7argu{padding:var(--space-8);text-align:center;color:var(--typography-caption-color);font-size:var(--typography-body-size)}.compliance-grid.svelte-tj38jw{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.compliance-grid.svelte-tj38jw{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.compliance-grid.svelte-tj38jw{grid-template-columns:repeat(3,1fr)}}.compliance-card.svelte-tj38jw{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;display:flex;flex-direction:column;gap:var(--space-2);word-wrap:break-word;overflow-wrap:break-word;min-width:0}.compliance-status.svelte-tj38jw{height:40px;display:flex;align-items:center;justify-content:center}.check-mark.svelte-tj38jw{color:var(--success);font-size:24px;line-height:1}.button-demo.svelte-30x454{padding:var(--space-6);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.typography-subheading.svelte-30x454{margin-bottom:var(--space-2)}.typography-body.svelte-30x454{margin-bottom:var(--space-4)}.demo-content.svelte-30x454{display:flex;gap:var(--space-4);align-items:center}.typography-caption.svelte-30x454{background:var(--surface-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono)}.demo-heading.svelte-x4ojxl{font-size:var(--typography-primary-size);font-weight:var(--typography-primary-weight);line-height:var(--typography-primary-line);color:var(--foreground);margin-bottom:var(--space-3)}.demo-description.svelte-x4ojxl{font-size:var(--typography-body-size);font-weight:var(--typography-body-weight);line-height:var(--typography-body-line);color:var(--foreground-secondary);margin-bottom:var(--space-2)}.button-grid.svelte-x4ojxl{display:grid;gap:var(--space-4)}