.color-pick-row{display:flex;gap:8px;align-items:center}
.color-pick-row input[type="color"]{width:40px;height:35px;border:none;cursor:pointer}
.color-pick-row input[type="text"]{flex:1;font-family:monospace;font-size:14px}
.preview-box{padding:20px;border-radius:4px;text-align:center;font-size:18px;font-weight:700;margin-top:15px}
.ratio-display{text-align:center;font-size:36px;font-weight:700;margin-bottom:15px}
.wcag-results{display:grid;gap:8px}
.wcag-item{display:flex;justify-content:space-between;padding:10px;background:#f8f9fa;border-radius:4px}
.wcag-pass{color:#2e7d32;font-weight:700}
.wcag-fail{color:#c62828;font-weight:700}