.cc-card-hint{color:var(--text-secondary);margin:0 0 .75rem;font-size:.85rem}.cc-color-row{grid-template-columns:11ch minmax(0,1fr) auto;align-items:center;gap:.6rem;margin-bottom:.6rem;display:grid}@media (max-width:640px){.cc-color-row{grid-template-columns:1fr 1fr}.cc-color-row>.cc-swatch{grid-area:1/2/3/3;align-self:stretch;min-height:3.5rem}}.cc-color-label{color:var(--text-secondary);letter-spacing:.04em;font-size:.85rem;font-weight:600}.cc-color-input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);background-color:#1f1f1f;border-radius:8px;outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.cc-color-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #ff6b6b26}.cc-color-input--error{border-color:#e74c3c}.cc-swatch{border:1px solid var(--border-color);background:var(--cc-swatch-bg,#fff);cursor:pointer;background-image:linear-gradient(45deg,#404040 25%,#0000 25%),linear-gradient(-45deg,#404040 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#404040 75%),linear-gradient(-45deg,#0000 75%,#404040 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border-radius:6px;width:3rem;height:2.4rem;position:relative}.cc-swatch:after{content:"";background:var(--cc-swatch-color,transparent);border-radius:5px;position:absolute;inset:0}.cc-color-picker{opacity:0;cursor:pointer;position:absolute;inset:0}.cc-preview{border:1px solid var(--border-color);border-radius:8px;padding:1.25rem 1.5rem}.cc-preview-large{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.cc-preview-normal{margin:0;font-size:1rem;line-height:1.5}.cc-ratio{text-align:center;padding:.75rem 0 1rem}.cc-ratio-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 .4rem;font-size:.85rem}.cc-ratio-value{color:var(--primary-color);font-size:3rem;font-weight:700;font-family:var(--font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-variant-numeric:tabular-nums;margin:0;line-height:1.1}.cc-ratio-suffix{color:var(--text-secondary);margin-left:.4rem;font-size:1.5rem;font-weight:500}.cc-grades{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (max-width:480px){.cc-grades{grid-template-columns:1fr}}.cc-grade{border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:baseline;gap:.5rem;padding:.6rem .85rem;display:flex}.cc-grade-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.cc-grade-status{font-size:.95rem;font-weight:700}.cc-grade--pass{background:#50c87814;border-color:#50c87866}.cc-grade--pass .cc-grade-status{color:#6fcf97}.cc-grade--fail{background:#e74c3c14;border-color:#e74c3c66}.cc-grade--fail .cc-grade-status{color:#ff8b80}.cc-grade--neutral .cc-grade-status{color:var(--text-secondary)}.cc-actions{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.cc-swap-row{justify-content:center;margin:.5rem 0;display:flex}