.color-scheme{--color-page-bg: #fff;--color-surface: #fff;--color-text-primary: #000;--color-heading-1: #000;--color-heading-2: #000;--color-link: #000;--color-link-hover: #000;--color-border: #000;--color-button-surface: #fff;--color-button-text: #000;--color-button-hover-surface: #ddd;--color-button-hover-text: #000;--color-button-border: #000}.color-scheme main{background:var(--color-page-bg);color:var(--color-text-primary);border:0;padding:var(--space-16)}.color-scheme h1{color:var(--color-heading-1)}.color-scheme h2,.color-scheme h3{color:var(--color-heading-2)}.color-scheme p,.color-scheme li,.color-scheme label,.color-scheme .hint,.color-scheme .swatch-list output{color:var(--color-text-primary)}.color-scheme a{color:var(--color-link)}.color-scheme a:hover{color:var(--color-link-hover)}.color-scheme .site-header,.color-scheme .site-footer{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.color-scheme .site-footer{border-top:1px solid var(--color-border)}.color-scheme input,.color-scheme select,.color-scheme button{font:inherit;cursor:pointer}.scheme-builder{display:grid;gap:var(--space-16)}.scheme-builder__lede{display:grid;grid-template-columns:minmax(0,3fr) minmax(320px,2fr);column-gap:var(--space-16);row-gap:var(--space-16)}.scheme-builder__lede p{grid-column:1;margin:0}.scheme-builder__anchors{grid-column:1;grid-row:2}.scheme-builder__anchors ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-8);padding:0;margin:0}.scheme-builder__anchors li{margin:0}.scheme-builder__anchors a{display:inline-flex;align-items:center;min-height:44px;padding:.375rem 0}.scheme-builder__grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(320px,2fr);gap:var(--space-16);align-items:start}.scheme-builder__main-column,.scheme-builder__side-column{display:grid;min-width:0;gap:var(--space-16);align-content:start}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:0;padding:var(--space-16);color:var(--color-text-primary)}.hint{margin:var(--space-8) 0 var(--space-16)}.about-wrap,.css-output-wrap{display:grid;min-width:0;gap:var(--space-8)}.about{display:grid;gap:var(--space-16);align-content:start}.css-output{min-width:0}.about summary,.css-output summary{cursor:pointer;font-weight:700;color:var(--color-heading-2)}.about,.preview__contrast-surface{background:var(--color-surface)}.base-color-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-8);align-items:start}.base-color-control{display:grid;gap:var(--space-8);min-width:0}.base-color-control .hint{margin:0}.base-color-control--button{align-self:center}#base-color,#base-color-picker{width:100%;min-height:44px;border-radius:10px;border:1px solid #000;background:#fff;color:#000}#base-color,#base-color-picker{border-color:var(--color-border)}#base-color{padding:.5rem .75rem;font-size:1rem}#base-color-picker{padding:.25rem;cursor:pointer}#base-color.is-invalid{border-color:#b42318}#random-base-color,#copy-share-url{background:var(--color-button-surface);color:var(--color-button-text);border:1px solid var(--color-button-border);border-radius:8px;min-height:44px;padding:.375rem .75rem}#random-base-color:hover,#copy-share-url:hover{background:var(--color-button-hover-surface);color:var(--color-button-hover-text)}#random-base-color:active,#copy-share-url:active{transform:translateY(1px)}#random-base-color{width:100%}#copy-share-url{max-width:100%;overflow-wrap:anywhere;text-align:left}#copy-share-url[data-state=success]{border-color:#067647;color:#067647}#copy-share-url[data-state=error]{border-color:#b42318;color:#b42318}.share-color{display:grid;gap:var(--space-8);min-width:0}.share-color-link{margin:0;display:grid;min-width:0;gap:var(--space-8)}.share-color-status{min-height:1.2em;margin:0}.swatch-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.swatch-list li{display:grid;grid-template-columns:auto 1fr;gap:var(--space-8) var(--space-16);align-items:center;min-width:0;border:1px solid var(--color-border);padding:var(--space-16)}.swatch-list label{color:#000}.swatch-controls{display:grid;grid-template-columns:repeat(3,minmax(80px,1fr));gap:6px;padding:8px;border-radius:0;border:1px solid #000}.swatch-list input{min-height:44px;border:1px solid #000;border-radius:8px;padding:.25rem .5rem;width:100%;background:#fff;color:#000}.swatch-controls,.swatch-list input{border-color:var(--color-border)}.swatch-list input.is-invalid{border-color:#b42318}.swatch-list output{grid-column:1 / -1;color:#000;display:block}.swatch-list .contrast-label{margin-right:.25rem}.role-assignments{display:grid;gap:var(--space-8)}.role-select-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16)}.role-select-row{display:grid;gap:var(--space-8);min-width:0;border:1px solid var(--color-border);padding:var(--space-16)}.role-select-label{font-weight:700;line-height:1}.role-contrast{display:grid;gap:.15rem;line-height:1.35}.role-select-row select{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:8px;padding:.25rem .5rem;background:#fff;color:#000}.preview__cards{display:grid;gap:var(--space-8)}.preview__matrix-filter{display:inline-flex;gap:.45rem;align-items:center}.preview__matrix-filter input{margin:0}.preview__contrast-matrix{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-16);grid-template-columns:repeat(4,minmax(0,1fr))}.preview__contrast-surface{border:1px solid var(--color-border);padding:var(--space-16);display:grid;gap:.5rem;align-content:start}.preview__contrast-surface>strong{font-weight:700}.preview__contrast-surface ul{list-style-type:none;margin:0;padding-left:0;display:grid;gap:.2rem}.preview__contrast-surface li{padding:.35rem .5rem}.css-output__actions{display:grid;min-width:0;gap:var(--space-16);margin-top:var(--space-16)}.color-scheme button{background:var(--color-button-surface);color:var(--color-button-text);border-color:var(--color-button-border)}.color-scheme button:hover{background:var(--color-button-hover-surface);color:var(--color-button-hover-text)}#base-color:focus-visible,#base-color-picker:focus-visible,#random-base-color:focus-visible,#copy-share-url:focus-visible,.swatch-list input:focus-visible,.role-select-row select:focus-visible,.preview__matrix-filter input:focus-visible,.about summary:focus-visible,.css-output summary:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}.css-output pre{position:relative;margin:var(--space-16) 0 0;padding:.75rem .75rem .75rem 1rem;overflow-x:auto;border:1px solid var(--color-border);border-radius:0;background:#fff;color:#000}.css-output pre:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--link)}#copy-css{background:var(--color-button-surface);color:var(--color-button-text);border:1px solid var(--color-button-border);border-radius:8px;min-height:44px;padding:.375rem .75rem;justify-self:start}#copy-css:hover{background:var(--color-button-hover-surface);color:var(--color-button-hover-text)}#copy-css:active{transform:translateY(1px)}#copy-css:focus-visible{outline:2px solid var(--color-link);outline-offset:2px}#copy-css[data-state=success]{border-color:#067647;color:#067647}#copy-css[data-state=error]{border-color:#b42318;color:#b42318}#copy-css-status{min-height:1.2em;margin:.5rem 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1100px){.scheme-builder__grid,.preview__contrast-matrix{grid-template-columns:1fr}}@media(max-width:720px){.base-color-fields,.role-select-list,.swatch-list{grid-template-columns:1fr}.base-color-control--button{grid-column:auto}.scheme-builder__lede{grid-template-columns:1fr}.scheme-builder__lede p,.scheme-builder__anchors{grid-column:1}}.preview__contrast-item.is-low-contrast{display:none}.preview__contrast-matrix.show-all .preview__contrast-item.is-low-contrast{display:list-item}