.ccc-color-row{align-items:stretch;gap:8px;display:flex}.ccc-picker{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;flex:none;width:52px;min-height:46px;padding:3px}.ccc-hex{min-width:0;font-family:var(--font-mono);text-transform:none;flex:1}.ccc-checks{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.ccc-check{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);border-left-width:4px;padding:10px 12px}.ccc-check-pass{border-left-color:var(--success)}.ccc-check-fail{border-left-color:var(--danger)}.ccc-check-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 10px;display:flex}.ccc-target{font-size:1rem}.ccc-criterion{margin:4px 0 0;font-size:.9rem}.ccc-target-hint{color:var(--muted);margin:2px 0 0;font-size:.82rem}.ccc-badge{white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:2px 10px;font-weight:700;display:inline-flex}.ccc-pass{color:var(--success);background:var(--success-soft);border-color:var(--success)}.ccc-fail{color:var(--danger);background:var(--danger-soft);border-color:var(--danger)}.ccc-h{margin:18px 0 8px;font-size:1rem}.ccc-preview{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:16px}.ccc-preview p{margin:0 0 10px}.ccc-pv-normal{font-size:16px}.ccc-pv-large{font-size:24px;line-height:1.35}.ccc-pv-bold{font-size:18.66px;font-weight:700;line-height:1.4}.ccc-pv-ui{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.ccc-pv-button{border:2px solid;border-radius:8px;padding:6px 14px;font-weight:600;display:inline-block}.ccc-pv-icon{flex:none}