.contrast-checker-module__A-lgba__tool{gap:var(--space-3);grid-template-columns:minmax(0,1fr);grid-template-areas:"inputs""banners""verdict""preview""suggest""footer";display:grid}@media (min-width:1024px){.contrast-checker-module__A-lgba__tool{grid-template-columns:minmax(0,24rem) minmax(0,1fr);grid-template-areas:"inputs banners""inputs verdict""inputs preview""suggest suggest""footer footer"}}@media (min-width:1440px){.contrast-checker-module__A-lgba__tool{grid-template-columns:minmax(0,24rem) minmax(0,1fr) minmax(0,26rem);grid-template-areas:"inputs banners banners""inputs verdict preview""inputs suggest preview""footer footer footer"}}.contrast-checker-module__A-lgba__inputsPane{grid-area:inputs;align-self:start;}.contrast-checker-module__A-lgba__bannerZone{gap:var(--space-2);flex-direction:column;grid-area:banners;display:flex}.contrast-checker-module__A-lgba__verdictPane{grid-area:verdict;align-self:start;}.contrast-checker-module__A-lgba__previewPane{grid-area:preview;align-self:start;}.contrast-checker-module__A-lgba__suggestPane{grid-area:suggest;align-self:start;}.contrast-checker-module__A-lgba__footerZone{gap:var(--space-2);flex-direction:column;grid-area:footer;display:flex}.contrast-checker-module__A-lgba__paneHeader{}.contrast-checker-module__A-lgba__paneLabel{}.contrast-checker-module__A-lgba__liveBadge{flex:none;margin-inline-start:auto}.contrast-checker-module__A-lgba__inputsBody{gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;display:flex}.contrast-checker-module__A-lgba__fieldGroup{gap:var(--space-1);flex-direction:column;min-inline-size:0;display:flex}.contrast-checker-module__A-lgba__groupLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.contrast-checker-module__A-lgba__fieldRow{gap:var(--space-2);align-items:center;display:flex}.contrast-checker-module__A-lgba__fieldSwatch{inline-size:var(--control-height);block-size:var(--control-height);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background-color:#0000;background-image:linear-gradient(45deg, var(--color-border-subtle) 25%, transparent 25%), linear-gradient(-45deg, var(--color-border-subtle) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--color-border-subtle) 75%), linear-gradient(-45deg, transparent 75%, var(--color-border-subtle) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;flex:none;position:relative}.contrast-checker-module__A-lgba__fieldSwatchFill{border-radius:inherit;position:absolute;inset:0}.contrast-checker-module__A-lgba__colorInput{min-inline-size:0;font-family:var(--font-mono);font-feature-settings:"zero";flex:12rem;}.contrast-checker-module__A-lgba__rowError{min-block-size:calc(2 * var(--text-ui-xs-line));font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-danger-fg);overflow-wrap:anywhere;margin:0}.contrast-checker-module__A-lgba__rowActions{gap:var(--space-2);flex-wrap:wrap;display:flex}.contrast-checker-module__A-lgba__verdictBody{gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;display:flex}.contrast-checker-module__A-lgba__ratioLine{min-block-size:var(--text-h2-line);align-items:baseline;gap:var(--space-2) var(--space-3);flex-wrap:wrap;margin:0;display:flex}.contrast-checker-module__A-lgba__ratioLabel{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.contrast-checker-module__A-lgba__ratioValue{font-size:var(--text-h2-size);line-height:var(--text-h2-line);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;color:var(--color-text-primary)}.contrast-checker-module__A-lgba__optionFieldset{gap:var(--space-2);border:none;flex-direction:column;min-inline-size:0;margin:0;padding:0;display:flex}.contrast-checker-module__A-lgba__legend{padding-inline:var(--space-1);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.contrast-checker-module__A-lgba__optionsRow{gap:var(--space-1);flex-wrap:wrap;display:flex}.contrast-checker-module__A-lgba__optionChip{min-block-size:var(--control-height);padding-inline:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);cursor:pointer;justify-content:center;align-items:center;display:inline-flex;position:relative}.contrast-checker-module__A-lgba__optionChip:hover{border-color:var(--color-border-control);color:var(--color-text-primary)}.contrast-checker-module__A-lgba__optionChipOn{background:color-mix(in srgb, var(--color-text-primary) 8%, transparent);border-color:var(--color-border-control);color:var(--color-text-primary)}.contrast-checker-module__A-lgba__optionChip:active{transform:scale(.98)}.contrast-checker-module__A-lgba__optionInput{opacity:0;cursor:pointer;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.contrast-checker-module__A-lgba__optionChip:has(.contrast-checker-module__A-lgba__optionInput:focus-visible){outline:var(--focus-ring-width) solid var(--color-accent-fg);outline-offset:var(--focus-ring-offset)}.contrast-checker-module__A-lgba__verdictList{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.contrast-checker-module__A-lgba__verdictRow{gap:var(--space-2);min-block-size:var(--target-min);padding-block:var(--space-1);border-block-end:1px solid var(--color-border-subtle);grid-template-columns:minmax(0,1fr) minmax(0,5rem) minmax(0,5rem);align-items:center;display:grid}.contrast-checker-module__A-lgba__verdictHead{border-block-end-color:var(--color-border-control)}.contrast-checker-module__A-lgba__verdictName{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-primary);overflow-wrap:anywhere}.contrast-checker-module__A-lgba__verdictRequired{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.contrast-checker-module__A-lgba__verdictMark{min-block-size:var(--target-min);padding-inline:var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-muted);justify-content:center;align-items:center;display:inline-flex}.contrast-checker-module__A-lgba__verdictPass{background:var(--color-success-bg);color:var(--color-success-fg)}.contrast-checker-module__A-lgba__verdictFail{background:var(--color-danger-bg);color:var(--color-danger-fg)}.contrast-checker-module__A-lgba__chips{gap:var(--space-2);flex-wrap:wrap;align-content:flex-start;min-block-size:96px;margin:0;padding:0;list-style:none;display:flex}.contrast-checker-module__A-lgba__chip{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-info-bg);color:var(--color-info-fg);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);align-items:center;display:inline-flex}.contrast-checker-module__A-lgba__previewBody{gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;display:flex}.contrast-checker-module__A-lgba__previewSurround{padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-smoke-0)}.contrast-checker-module__A-lgba__previewSurroundDark{background:var(--color-smoke-975)}.contrast-checker-module__A-lgba__previewStrip{justify-content:center;gap:var(--space-2);block-size:180px;padding:var(--space-3);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.contrast-checker-module__A-lgba__previewNormal,.contrast-checker-module__A-lgba__previewLarge{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.contrast-checker-module__A-lgba__previewLarge{font-weight:var(--weight-medium)}.contrast-checker-module__A-lgba__previewComponent{align-items:center;gap:var(--space-2);min-block-size:var(--target-touch);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);display:flex}.contrast-checker-module__A-lgba__previewComponentBox{border-radius:var(--radius-sm);border:2px solid;flex:none;block-size:24px;inline-size:24px}.contrast-checker-module__A-lgba__captionRow{gap:var(--space-1) var(--space-3);flex-wrap:wrap;margin:0;display:flex}.contrast-checker-module__A-lgba__caption{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-secondary)}.contrast-checker-module__A-lgba__suggestBody{gap:var(--space-3);padding:var(--pane-padding);flex-direction:column;display:flex}.contrast-checker-module__A-lgba__hintLine{min-block-size:var(--text-ui-xs-line);font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0}.contrast-checker-module__A-lgba__suggestRail{gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (min-width:640px){.contrast-checker-module__A-lgba__suggestRail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.contrast-checker-module__A-lgba__suggestSlot{gap:var(--space-2);block-size:208px;min-inline-size:0;padding:var(--space-3);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.contrast-checker-module__A-lgba__suggestSide{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.contrast-checker-module__A-lgba__suggestEmpty{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0}.contrast-checker-module__A-lgba__suggestHead{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.contrast-checker-module__A-lgba__suggestHex,.contrast-checker-module__A-lgba__suggestOklch{white-space:pre;min-inline-size:0;font-family:var(--font-mono);font-feature-settings:"zero";font-size:var(--text-code-size);line-height:var(--text-code-line);color:var(--color-text-primary);overflow-x:auto}.contrast-checker-module__A-lgba__suggestRatio{font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);margin-inline-start:auto}.contrast-checker-module__A-lgba__suggestDelta{font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);font-variant-numeric:tabular-nums;color:var(--color-text-muted);margin:0}.contrast-checker-module__A-lgba__suggestActions{gap:var(--space-2);flex-wrap:wrap;margin-block-start:auto;display:flex}.contrast-checker-module__A-lgba__smallButton{}.contrast-checker-module__A-lgba__banner{}.contrast-checker-module__A-lgba__refusalBanner{background:var(--color-danger-bg);color:var(--color-danger-fg);overflow-wrap:anywhere;border-color:#0000}.contrast-checker-module__A-lgba__bannerAction{color:var(--color-accent-fg);cursor:pointer;font-size:inherit;line-height:inherit;background:0 0;border:none;padding:0;text-decoration-line:underline}.contrast-checker-module__A-lgba__actions{}.contrast-checker-module__A-lgba__actionButton{}.contrast-checker-module__A-lgba__actionPrimary{}.contrast-checker-module__A-lgba__swapWrap{}.contrast-checker-module__A-lgba__swapSizer{}.contrast-checker-module__A-lgba__echoSlot{inline-size:1ch;display:inline-block}.contrast-checker-module__A-lgba__noteLine{block-size:calc(2 * var(--text-ui-xs-line));font-size:var(--text-ui-xs-size);line-height:var(--text-ui-xs-line);color:var(--color-text-muted);margin:0;overflow-y:auto}.contrast-checker-module__A-lgba__shareNote,.contrast-checker-module__A-lgba__storedLine,.contrast-checker-module__A-lgba__keyboardHint{min-block-size:var(--text-ui-sm-line);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary);margin:0}.contrast-checker-module__A-lgba__dialog{}.contrast-checker-module__A-lgba__dialogTitle{margin:0 0 var(--space-4);font-size:var(--text-h4-size);line-height:var(--text-h4-line);font-weight:var(--weight-medium)}.contrast-checker-module__A-lgba__dialogNote{margin:var(--space-3) 0;font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);color:var(--color-text-secondary)}.contrast-checker-module__A-lgba__shortcutList{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.contrast-checker-module__A-lgba__shortcutItem{align-items:center;gap:var(--space-3);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);display:flex}.contrast-checker-module__A-lgba__kbd{}.contrast-checker-module__A-lgba__checkbox{}.contrast-checker-module__A-lgba__optionCheck{align-items:center;gap:var(--space-2);font-size:var(--text-ui-sm-size);line-height:var(--text-ui-sm-line);cursor:pointer;margin-block-end:var(--space-4);display:flex}@media (pointer:coarse){.contrast-checker-module__A-lgba__optionChip{min-block-size:var(--target-touch)}.contrast-checker-module__A-lgba__optionCheck,.contrast-checker-module__A-lgba__bannerAction{min-block-size:var(--target-touch);align-items:center;display:inline-flex}.contrast-checker-module__A-lgba__verdictRow{min-block-size:var(--target-touch)}}@media (max-width:767px){.contrast-checker-module__A-lgba__rowError{min-block-size:calc(4 * var(--text-ui-xs-line))}.contrast-checker-module__A-lgba__chips{min-block-size:184px}}@media (max-width:1023px){.contrast-checker-module__A-lgba__actionButton,.contrast-checker-module__A-lgba__smallButton,.contrast-checker-module__A-lgba__optionChip,.contrast-checker-module__A-lgba__verdictRow{min-block-size:var(--target-touch)}.contrast-checker-module__A-lgba__bannerAction,.contrast-checker-module__A-lgba__optionCheck{min-block-size:var(--target-touch);align-items:center;display:inline-flex}}