:root{color:#333;background-color:#f5f7fa;font-family:system-ui,-apple-system,sans-serif}.container{max-width:1000px;margin:40px auto;padding:0 20px}h1{text-align:center;margin-bottom:30px}.workspace{flex-direction:column;gap:30px;display:flex}.top-row{grid-template-columns:1fr 1fr;gap:30px;display:grid}@media (width<=768px){.top-row{grid-template-columns:1fr}}.panel{background:#fff;border-radius:12px;flex-direction:column;padding:25px;display:flex;box-shadow:0 4px 6px #0000000d}.control-panel{justify-content:flex-start}.control-panel .toolbar{margin-top:-10px;margin-bottom:15px}.score-panel{justify-content:flex-start}.score-header h2{margin-top:0;margin-bottom:10px;font-size:22px}.color-group{margin-bottom:20px}.color-group label{margin-bottom:8px;font-weight:700;display:block}.input-row{align-items:center;gap:10px;display:flex}input[type=color]{cursor:pointer;border:none;border-radius:6px;width:50px;height:40px;padding:0}input[type=text]{border:1px solid #ccc;border-radius:6px;flex:1;height:36px;padding:0 10px;font-family:monospace;font-size:16px}.dropper-btn{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:6px;height:38px;padding:0 15px;font-size:14px}.dropper-btn:hover{background-color:#0056b3}.badge-group{grid-template-columns:1fr 1fr;gap:10px;margin-top:15px;display:grid}.badge{color:#ce3c2e;background-color:#ffebe9;border-radius:6px;padding:10px;font-size:14px;font-weight:500}.badge.pass{color:#1e7e34;background-color:#e6f6ec}.toolbar{border-bottom:1px solid #eee;justify-content:flex-end;margin-bottom:15px;padding-bottom:10px;display:flex}.toolbar-btn{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:4px;height:32px;padding:0 12px;font-size:13px;transition:background-color .2s}.toolbar-btn:hover:not(:disabled){background-color:#5a6268}.toolbar-btn:disabled{color:#a0a0a0;cursor:not-allowed;background-color:#e0e0e0}.contrast-progress-container{background-color:#e0e0e0;border-radius:10px;width:100%;height:20px;margin:15px 0 25px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.contrast-progress-bar{background-color:#4caf50;border-radius:10px;width:100%;height:100%;transition:width .3s,background-color .3s}.preview-area{box-sizing:border-box;border:1px solid #ddd;border-radius:12px;flex-direction:column;justify-content:center;width:100%;min-height:180px;padding:40px;transition:background-color .2s,color .2s;display:flex}.preview-text-large{margin-top:0;margin-bottom:15px;font-size:24px;font-weight:400}.preview-text-medium-bold{margin-top:0;margin-bottom:15px;font-size:19px;font-weight:700}.preview-text-normal{margin:0;font-size:16px;line-height:1.6}