.contrast-checker-container.svelte-smu4o5{width:100%;max-width:1200px;margin:0 auto}.tool-grid.svelte-smu4o5{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}@media (width<=768px){.tool-grid.svelte-smu4o5{grid-template-columns:1fr}}.main-col.svelte-smu4o5,.preview-col.svelte-smu4o5{flex-direction:column;display:flex}.card.editor-card,.card.a11y-card{background-color:var(--color-bg-surface);padding:var(--space-5)}.card-header-row.svelte-smu4o5{border-bottom:1px solid var(--color-border-default);padding-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.card-header-row.svelte-smu4o5 h4:where(.svelte-smu4o5){margin:0}.colors-setup-row.svelte-smu4o5{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.color-setup-block.svelte-smu4o5{gap:var(--space-2);flex-direction:column;display:flex}.field-label.svelte-smu4o5{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary)}.color-input-wrapper.svelte-smu4o5{gap:var(--space-2);align-items:center;display:flex}.picker-input.svelte-smu4o5{border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;background:0 0;width:42px;height:42px;padding:0}.text-input.svelte-smu4o5{background-color:var(--color-bg-elevated);height:42px;color:var(--color-text-primary);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:0 var(--space-3);font-size:var(--text-sm);transition:border-color var(--transition-normal);outline:none;flex:1}.text-input.svelte-smu4o5:focus{border-color:var(--color-border-focus)}.score-display-card.svelte-smu4o5{background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-4);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.ratio-big.svelte-smu4o5{color:var(--color-text-primary);font-size:3rem;line-height:1.1}.ratio-unit.svelte-smu4o5{color:var(--color-text-tertiary);font-size:1.5rem}.ratio-label.svelte-smu4o5{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:var(--space-1)}.compliance-section.svelte-smu4o5 h5:where(.svelte-smu4o5){margin:0 0 var(--space-3) 0;color:var(--color-text-primary)}.compliance-list.svelte-smu4o5{gap:var(--space-3);flex-direction:column;display:flex}.compliance-item.svelte-smu4o5{padding:var(--space-3);background-color:var(--color-bg-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.comp-info.svelte-smu4o5{flex-direction:column;gap:2px;display:flex}.comp-info.svelte-smu4o5 strong:where(.svelte-smu4o5){font-size:var(--text-sm);color:var(--color-text-primary)}.comp-info.svelte-smu4o5 span:where(.svelte-smu4o5){font-size:var(--text-xxs);color:var(--color-text-tertiary)}.comp-badges.svelte-smu4o5{gap:var(--space-2);display:flex}.comp-badge.svelte-smu4o5{font-size:10px;font-weight:var(--weight-bold);border-radius:var(--radius-full);text-transform:uppercase;padding:3px 8px}.comp-badge.pass.svelte-smu4o5{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid #10b98126}.comp-badge.fail.svelte-smu4o5{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid #ef444426}.preview-box.svelte-smu4o5{border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--color-border-default);min-height:180px;transition:all var(--transition-normal);flex-direction:column;justify-content:center;display:flex}.preview-large-text.svelte-smu4o5{font-size:1.75rem;font-weight:var(--weight-bold);margin-bottom:var(--space-2);display:block}.preview-body-text.svelte-smu4o5{font-size:var(--text-sm);margin:0;line-height:1.5}.demo-ui-element.svelte-smu4o5{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-align:center;cursor:default;display:inline-block}.apca-pill.svelte-smu4o5{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border-default);color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-family:var(--font-mono)}.a11y-findings.svelte-smu4o5,.suggestion-list.svelte-smu4o5{gap:var(--space-2);flex-direction:column;display:flex}.a11y-finding.svelte-smu4o5,.suggestion-item.svelte-smu4o5{align-items:center;gap:var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-elevated);padding:var(--space-3);display:flex}.a11y-finding.svelte-smu4o5 p:where(.svelte-smu4o5){color:var(--color-text-primary);font-size:var(--text-xs);margin:0;line-height:1.5}.a11y-finding.warning.svelte-smu4o5{border-color:var(--color-warning);background:var(--color-warning-bg)}.a11y-finding.positive.svelte-smu4o5{border-color:var(--color-success)}.swatch.svelte-smu4o5{border-radius:var(--radius-sm);border:1px solid var(--color-border-default);flex-shrink:0;width:24px;height:24px}.font-mono.svelte-smu4o5{font-family:var(--font-mono)}.font-bold.svelte-smu4o5{font-weight:var(--weight-bold)}.mb-4.svelte-smu4o5{margin-bottom:var(--space-4)}.mb-6.svelte-smu4o5{margin-bottom:var(--space-6)}.mt-3.svelte-smu4o5{margin-top:var(--space-3)}.mt-4.svelte-smu4o5{margin-top:var(--space-4)}.mt-6.svelte-smu4o5{margin-top:var(--space-6)}