.bmm-contrast{display:grid;gap:var(--bmm-space-5)}.bmm-contrast__pair{display:grid;gap:var(--bmm-space-2);align-items:end}.bmm-contrast__color-row{display:flex;gap:var(--bmm-space-2);align-items:center}.bmm-contrast__color-row .bmm-field__input{flex:1;min-width:0;font-size:var(--bmm-font-size-md)}.bmm-contrast__native{flex:none;width:3rem;height:3rem;padding:.1875rem}.bmm-contrast__eyedrop{flex:none}.bmm-contrast__eyedrop svg{width:1.25rem;height:1.25rem;fill:currentcolor}.bmm-contrast__swap{display:grid;place-items:center;justify-self:center;width:2.75rem;height:2.75rem;padding:0;font-size:var(--bmm-font-size-lg);line-height:1;color:var(--bmm-color-text);background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:50%}.bmm-contrast__swap span{transform:rotate(90deg)}.bmm-contrast__swap:hover{color:var(--bmm-color-accent);border-color:var(--bmm-color-accent)}.bmm-contrast__backdrop{grid-column:1 / -1}.bmm-contrast__card{display:grid;overflow:hidden;background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-md)}.bmm-contrast__status{display:grid;gap:var(--bmm-space-2);align-content:center;justify-items:start;padding:var(--bmm-space-5);border-bottom:1px solid var(--bmm-color-border)}.bmm-contrast__ratio-label{font-size:var(--bmm-font-size-sm);font-weight:600;color:var(--bmm-color-muted)}.bmm-contrast__ratio-value{font-size:clamp(2.5rem,9vw,3rem);white-space:nowrap;font-weight:800;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bmm-contrast__summary{padding:var(--bmm-space-1) var(--bmm-space-3);font-size:var(--bmm-font-size-sm);font-weight:700;line-height:1.4;border-radius:var(--bmm-radius-sm)}.bmm-contrast__summary.is-aaa,.bmm-contrast__summary.is-aa{color:var(--bmm-color-inverse);background:var(--bmm-color-success)}.bmm-contrast__summary.is-large{color:var(--bmm-color-text);background:var(--bmm-color-warning-soft);border:1px solid var(--bmm-color-warning)}.bmm-contrast__summary.is-fail{color:var(--bmm-color-inverse);background:var(--bmm-color-danger)}.bmm-contrast__actual{font-size:var(--bmm-font-size-sm);color:var(--bmm-color-muted)}.bmm-contrast__share{display:flex;justify-self:stretch;flex-wrap:wrap;gap:var(--bmm-space-2);margin-top:var(--bmm-space-2)}.bmm-contrast__share .bmm-button{min-height:2.5rem;padding:var(--bmm-space-1) var(--bmm-space-3);font-size:var(--bmm-font-size-sm)}.bmm-contrast__stage{display:grid;gap:var(--bmm-space-3);align-content:start;min-width:0;padding:var(--bmm-space-4);background:var(--bmm-color-surface)}.bmm-contrast__preview{--bmm-preview-fg: #1b1e25;--bmm-preview-bg: #fff;--bmm-preview-size: 16px;--bmm-preview-weight: 400;display:grid;gap:var(--bmm-space-3);align-content:center;min-height:15rem;padding:var(--bmm-space-5);overflow-wrap:anywhere;color:var(--bmm-preview-fg);background:var(--bmm-preview-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-md)}.bmm-contrast__mock-title{font-size:1.5rem;font-weight:700;line-height:1.25}.bmm-contrast__sample{font-size:var(--bmm-preview-size);font-weight:var(--bmm-preview-weight);line-height:1.45}.bmm-contrast__mock-small{font-size:.8125rem}.bmm-contrast__mock-link{text-decoration:underline}.bmm-contrast__mock-ui{display:flex;gap:var(--bmm-space-3);align-items:center}.bmm-contrast__mock-button{padding:var(--bmm-space-1) var(--bmm-space-4);font-size:var(--bmm-font-size-sm);font-weight:700;border:2px solid currentcolor;border-radius:var(--bmm-radius-sm)}.bmm-contrast__mock-icon{width:1.75rem;height:1.75rem;fill:none;stroke:currentcolor;stroke-width:2;stroke-linejoin:round}.bmm-contrast__preview.is-sim-protan{filter:url(#bmm-sim-protan)}.bmm-contrast__preview.is-sim-deutan{filter:url(#bmm-sim-deutan)}.bmm-contrast__preview.is-sim-tritan{filter:url(#bmm-sim-tritan)}.bmm-contrast__preview.is-sim-achroma{filter:url(#bmm-sim-achroma)}.bmm-contrast__sample-class{font-size:var(--bmm-font-size-sm);font-weight:600}.bmm-contrast__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--bmm-space-2) var(--bmm-space-3);align-items:end}.bmm-contrast__sample-text,.bmm-contrast__sim{grid-column:1 / -1}.bmm-contrast__bold{display:inline-flex;gap:var(--bmm-space-2);align-items:center;min-height:2.75rem;font-size:var(--bmm-font-size-sm);font-weight:600}.bmm-contrast__sim-help{font-size:var(--bmm-font-size-sm);color:var(--bmm-color-muted)}.bmm-contrast__sim-help summary{min-height:1.5rem;cursor:pointer;text-decoration:underline}.bmm-contrast__sim-help p{margin-top:var(--bmm-space-1)}.bmm-contrast__fixes{padding:var(--bmm-space-4);background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-left:4px solid var(--bmm-color-accent);border-radius:var(--bmm-radius-md)}.bmm-contrast__fixes-title{margin-bottom:var(--bmm-space-1);font-size:var(--bmm-font-size-lg)}.bmm-contrast__fix-list{display:grid;gap:var(--bmm-space-2);margin-top:var(--bmm-space-3)}.bmm-contrast__fix{display:grid;grid-template-columns:2.5rem 1fr auto;gap:var(--bmm-space-3);align-items:center;padding:var(--bmm-space-2) var(--bmm-space-3);background:var(--bmm-color-surface);border-radius:var(--bmm-radius-sm)}.bmm-contrast__fix-chip{width:2.5rem;height:2.5rem;border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-contrast__fix-ratio{font-size:var(--bmm-font-size-sm);color:var(--bmm-color-muted);white-space:nowrap}.bmm-contrast__scale{display:grid;gap:var(--bmm-space-2);padding:0;list-style:none}.bmm-contrast__level{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:var(--bmm-space-1) var(--bmm-space-3);align-items:center;padding:var(--bmm-space-3);background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-md)}.bmm-contrast__level-ratio{font-size:var(--bmm-font-size-lg);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}.bmm-contrast__level-name{font-size:var(--bmm-font-size-sm);color:var(--bmm-color-muted)}.bmm-contrast__level-name{grid-column:1 / -1}.bmm-contrast__verdict{grid-row:1;grid-column:2;white-space:nowrap;font-size:var(--bmm-font-size-sm);color:var(--bmm-color-danger)}.bmm-contrast__level.is-pass .bmm-contrast__verdict{color:var(--bmm-color-success)}.bmm-contrast__level.is-best{border-color:var(--bmm-color-success);box-shadow:inset 0 0 0 1px var(--bmm-color-success)}.bmm-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--bmm-space-3)}.bmm-grid__input{min-height:3.5rem;resize:vertical}.bmm-grid__apply{justify-self:start}.bmm-grid__legend{display:flex;flex-wrap:wrap;gap:var(--bmm-space-1) var(--bmm-space-2);align-items:center;font-size:var(--bmm-font-size-sm);color:var(--bmm-color-muted)}.bmm-grid__table{font-size:var(--bmm-font-size-sm);border-collapse:separate;border-spacing:var(--bmm-space-1)}.bmm-grid__head{font-family:var(--bmm-font-mono);font-size:.75rem;font-weight:600;text-align:left;white-space:nowrap}.bmm-grid__chip{display:inline-block;width:.875rem;height:.875rem;vertical-align:-.125rem;border:1px solid var(--bmm-color-border);border-radius:50%}.bmm-grid__cell{display:grid;grid-template-columns:auto auto;gap:var(--bmm-space-1);align-items:center;width:100%;min-width:5.5rem;padding:var(--bmm-space-1);text-align:left;background:var(--bmm-color-bg);border:1px solid var(--bmm-color-border);border-radius:var(--bmm-radius-sm)}.bmm-grid__cell:hover{border-color:var(--bmm-color-accent)}.bmm-grid__sample{grid-column:1 / -1;width:100%;height:2rem;border-radius:.25rem}.bmm-grid__sample text{font-family:var(--bmm-font-sans);font-size:16px;font-weight:700}.bmm-grid__ratio{font-family:var(--bmm-font-mono)}.bmm-grid__level{justify-self:end;padding:0 var(--bmm-space-1);font-size:.75rem;font-weight:700;line-height:1.5;white-space:nowrap;border-radius:.25rem}.bmm-grid__level.is-aaa,.bmm-grid__level.is-aa{color:var(--bmm-color-inverse);background:var(--bmm-color-success)}.bmm-grid__level.is-large{color:var(--bmm-color-text);background:var(--bmm-color-surface);border:1px solid var(--bmm-color-border)}.bmm-grid__level.is-fail{color:var(--bmm-color-danger)}.bmm-grid__same{display:block;color:var(--bmm-color-muted);text-align:center}@media(min-width:48rem){.bmm-contrast__pair{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:var(--bmm-space-3)}.bmm-contrast__swap{margin-bottom:.125rem}.bmm-contrast__swap span{transform:none}.bmm-contrast__stage{padding:var(--bmm-space-5)}.bmm-contrast__controls{grid-template-columns:minmax(0,1fr) 7rem auto 11rem}.bmm-contrast__sample-text,.bmm-contrast__sim{grid-column:auto}.bmm-contrast__fix-list{grid-template-columns:1fr 1fr}.bmm-contrast__scale{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:64rem){.bmm-contrast__card{grid-template-columns:18rem minmax(0,1fr)}.bmm-contrast__status{border-right:1px solid var(--bmm-color-border);border-bottom:0}}