.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.color-picker-container{display:flex;align-items:center;gap:15px;margin-bottom:20px}.color-picker-container input[type=color]{width:50px;height:50px;border:none;border-radius:var(--border-radius);padding:0;cursor:pointer;box-shadow:var(--box-shadow)}.color-picker-container input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-picker-container input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--border-radius)}.color-picker-container input[type=color]::-moz-color-swatch{border:none;border-radius:var(--border-radius)}.contrast-score-card{background:#fff;border-radius:var(--border-radius);padding:20px;box-shadow:var(--box-shadow);text-align:center;border:1px solid var(--border-color);transition:.3s}.contrast-score-card.pass{border-color:#28a745;background-color:rgba(40,167,69,.05)}.contrast-score-card.fail{border-color:#dc3545;background-color:rgba(220,53,69,.05)}.contrast-score-card h3{margin-top:0;font-size:1.2rem;color:var(--text-color)}.contrast-score-card .ratio{font-size:2.5rem;font-weight:700;margin:10px 0}.contrast-score-card.pass .ratio{color:#28a745}.contrast-score-card.fail .ratio{color:#dc3545}.contrast-score-card .status-badge{display:inline-block;padding:5px 15px;border-radius:20px;font-weight:600;font-size:.9rem;text-transform:uppercase}.contrast-score-card.pass .status-badge{background:#28a745;color:#fff}.contrast-score-card.fail .status-badge{background:#dc3545;color:#fff}.preview-area{border-radius:var(--border-radius);padding:40px;margin-top:30px;box-shadow:var(--box-shadow);border:1px solid var(--border-color);transition:.3s;min-height:300px;position:relative;overflow:hidden}.preview-content{position:relative;z-index:2}.preview-content h2{margin-top:0;margin-bottom:15px;font-size:2rem}.preview-content p{font-size:1.1rem;line-height:1.6;margin-bottom:25px}.preview-content .btn-preview{display:inline-block;padding:12px 25px;border-radius:var(--border-radius);text-decoration:none;font-weight:600;transition:opacity .3s}.preview-content .btn-preview:hover{opacity:.9}.sim-protanopia{filter:url('#protanopia')}.sim-deuteranopia{filter:url('#deuteranopia')}.sim-tritanopia{filter:url('#tritanopia')}.sim-achromatopsia{filter:url('#achromatopsia')}.sim-blur{filter:blur(3px)}.sim-sunlight{filter:contrast(.6) brightness(1.2)}.svg-filters{position:absolute;width:0;height:0;visibility:hidden}.autofix-panel{background:#f8f9fa;border-radius:var(--border-radius);padding:20px;margin-top:20px;border:1px dashed var(--border-color)}.suggestion-card{display:flex;align-items:center;justify-content:space-between;padding:15px;background:#fff;border-radius:var(--border-radius);box-shadow:0 2px 4px rgba(0,0,0,.05);margin-bottom:10px;border-left:4px solid #007bff}.color-swatch-sm{width:30px;height:30px;border-radius:4px;border:1px solid rgba(0,0,0,.1);display:inline-block;vertical-align:middle;margin-right:10px}#css-output{font-family:monospace;font-size:14px;background-color:#f8f9fa;color:#d63384}#tool-container{max-width:1000px;margin:0 auto}.row-scores{margin-top:30px}