.color-lab,.terminal-lab{gap:1.75rem;display:grid}.cl-editor{border:1px solid var(--border,#d1d9e0);border-radius:10px;gap:1rem;margin:0;padding:1.25rem 1.5rem 1.5rem;display:grid}.cl-editor legend{color:var(--navy,#0b3d5c);padding:0 .4rem;font-size:1.1rem;font-weight:700}.cl-swatches{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.cl-swatch{grid-template-columns:2rem 1fr 7.5rem 2rem;align-items:center;gap:.5rem;display:grid}.cl-swatch input,.cl-add input{font:inherit;border:1px solid #9aa7b8;border-radius:6px;min-width:0;padding:.4rem .5rem}.cl-hex{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.cl-chip{vertical-align:middle;border:1px solid #00000026;border-radius:6px;width:2rem;height:2rem;display:inline-block}.cl-chip-sm{border-radius:3px;width:1rem;height:1rem;margin-right:.35rem}.cl-remove{font:inherit;cursor:pointer;color:#1f2937;background:0 0;border:1px solid #9aa7b8;border-radius:6px;width:2rem;height:2rem;font-size:1.2rem;line-height:1}.cl-remove:hover{color:#b3261e;background:#fde8e6;border-color:#b3261e}.cl-add{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.cl-add input[type=text]:first-child{flex:8rem}.cl-add .cl-hex{width:8.5ch}.cl-editor-actions{gap:.75rem;display:flex}.cl-view{flex-wrap:wrap;gap:1rem 2rem;display:flex}.cl-view-row{gap:.25rem;display:grid}.cl-view-row label{font-weight:600}.cl-view-row select{font:inherit;background:#fff;border:1px solid #9aa7b8;border-radius:6px;padding:.45rem .6rem}.cl-summary{background:var(--bg-soft,#e8f2f7);border-left:4px solid var(--navy,#0b3d5c);border-radius:10px;padding:1rem 1.25rem}.cl-summary p{margin:0 0 .4rem}.cl-summary p:last-child{margin-bottom:0}.cl-matrix-wrap{overflow-x:auto}.cl-matrix{border-collapse:separate;border-spacing:3px;font-size:.85rem}.cl-matrix caption{text-align:left;color:var(--muted,#4b5563);caption-side:top;margin-bottom:.5rem}.cl-matrix th{text-align:left;white-space:nowrap;color:#1f2937;background:#fff;padding:.3rem .4rem;font-weight:600}.cl-matrix thead th{vertical-align:bottom}.cl-cell{text-align:center;vertical-align:middle;border-radius:6px;width:4.6rem;height:3.4rem;padding:.25rem;position:relative}.cl-cell-sample{font-size:1rem;font-weight:700;line-height:1.1;display:block}.cl-cell-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;display:block}.cl-cell:after{content:"";border-radius:0 0 6px 6px;height:4px;position:absolute;bottom:0;left:0;right:0}.cl-AAA:after{background:#1f6f43}.cl-AA:after{background:#7fb069}.cl-ui:after{background:#d7a35b}.cl-fail:after{background:#b3261e}.cl-fail{outline-offset:-2px;outline:2px dashed #b3261e}.cl-self{color:#9aa7b8;background:#f3f4f6}.cl-legend{flex-wrap:wrap;gap:.75rem 1.25rem;margin:.5rem 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.cl-legend li:before{content:"";vertical-align:-.1rem;border-radius:3px;width:.9rem;height:.9rem;margin-right:.35rem;display:inline-block}.cl-legend .lg-AAA:before{background:#1f6f43}.cl-legend .lg-AA:before{background:#7fb069}.cl-legend .lg-ui:before{background:#d7a35b}.cl-legend .lg-fail:before{background:#b3261e}.cl-export h3{margin-bottom:.5rem}.cl-export textarea{background:var(--bg-warm,#f8fafb);resize:vertical;border:1px solid #9aa7b8;border-radius:10px;width:100%;padding:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem}.cl-export-actions{align-items:center;gap:1rem;margin-top:.75rem;display:flex}.cl-copy-status{color:var(--success,#1f6f43);font-weight:600}.tl-inputs{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;display:grid}.tl-input{gap:.35rem;display:grid}.tl-input label{font-weight:600}.tl-input textarea{resize:vertical;border:1px solid #9aa7b8;border-radius:10px;padding:.6rem .75rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.tl-hint{margin:0}.tl-hint code{background:var(--bg-soft,#e8f2f7);border-radius:4px;padding:.1em .35em}.tl-reports{gap:2rem;display:grid}.tl-report h3{margin-bottom:.5rem}.tl-bg{color:var(--muted,#4b5563);font-size:.95rem;font-weight:400}.tl-bg code{background:var(--bg-soft,#e8f2f7);border-radius:4px;padding:.1em .35em}.tl-table{border-collapse:collapse;width:100%;font-size:.9rem}.tl-table caption{text-align:left;color:var(--muted,#4b5563);caption-side:top;margin-bottom:.5rem}.tl-table th,.tl-table td{text-align:left;border-bottom:1px solid var(--border,#d1d9e0);vertical-align:middle;padding:.4rem .6rem}.tl-table th[scope=row]{white-space:nowrap;font-weight:600}.tl-sample{border-radius:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem}.tl-table tr.tl-fail td:last-child,.tl-table tr.tl-ui td:last-child{color:#b3261e;font-weight:700}.tl-table tr.tl-AA td:last-child,.tl-table tr.tl-AAA td:last-child{color:#1f6f43;font-weight:700}.tl-missing{color:#b3261e;font-weight:600}.tl-missing-cell{color:var(--muted,#4b5563);font-style:italic}@media (width<=600px){.cl-swatch{grid-template-columns:2rem 1fr 2rem}.cl-swatch .cl-hex{grid-column:2}}