.wcag-tool[data-v-7efb00f1]{margin:0 auto;max-width:1080px}.top-bar[data-v-7efb00f1]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:14px;padding:14px 18px}.result-block[data-v-7efb00f1],.top-bar[data-v-7efb00f1]{align-items:center;display:flex}.result-block[data-v-7efb00f1]{gap:16px;min-width:0}.ratio-value[data-v-7efb00f1]{border-radius:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;font-weight:700;letter-spacing:-.5px;line-height:1;padding:8px 14px;transition:all .25s ease}.ratio-unit[data-v-7efb00f1]{font-size:1.1rem;font-weight:500;margin-left:2px;opacity:.75}.ratio-value.level-aaa[data-v-7efb00f1]{background-color:#d1fae5;color:#065f46}.ratio-value.level-aa[data-v-7efb00f1]{background-color:#dbeafe;color:#1e40af}.ratio-value.level-aa-large[data-v-7efb00f1]{background-color:#fef3c7;color:#92400e}.ratio-value.level-fail[data-v-7efb00f1]{background-color:#fee2e2;color:#991b1b}.ratio-info[data-v-7efb00f1]{min-width:0}.ratio-grade[data-v-7efb00f1]{font-size:1.05rem;font-weight:700;letter-spacing:.5px}.ratio-grade.level-aaa[data-v-7efb00f1]{color:#059669}.ratio-grade.level-aa[data-v-7efb00f1]{color:#2563eb}.ratio-grade.level-aa-large[data-v-7efb00f1]{color:#d97706}.ratio-grade.level-fail[data-v-7efb00f1]{color:#dc2626}.ratio-desc[data-v-7efb00f1]{color:#5b646f;font-size:.85rem;margin-top:2px}.top-actions[data-v-7efb00f1]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.picker-grid[data-v-7efb00f1]{display:grid;gap:12px;grid-template-columns:1fr;margin-bottom:14px}@media (min-width:640px){.picker-grid[data-v-7efb00f1]{grid-template-columns:repeat(2,1fr)}}.color-card[data-v-7efb00f1],.compliance-card[data-v-7efb00f1],.preview-card[data-v-7efb00f1]{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #141b240a;display:flex;flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s ease}.color-card[data-v-7efb00f1]:hover,.preview-card[data-v-7efb00f1]:hover{border-color:#d8dfe4;box-shadow:0 4px 12px #141b240f}.compliance-card[data-v-7efb00f1],.preview-card[data-v-7efb00f1]{margin-bottom:14px}.card-title[data-v-7efb00f1]{align-items:center;color:#141b24;display:flex;font-size:.92rem;font-weight:600;gap:6px;letter-spacing:.2px;margin:0}.card-icon[data-v-7efb00f1]{font-size:.95rem;line-height:1}.color-row[data-v-7efb00f1]{align-items:center;display:flex;gap:8px}.color-preview[data-v-7efb00f1]{border-radius:8px;box-shadow:inset 0 0 0 1px #fff6;flex:1;transition:background-color .2s ease}.color-picker-input[data-v-7efb00f1],.color-preview[data-v-7efb00f1]{border:1px solid #e2e8f0;height:40px}.color-picker-input[data-v-7efb00f1]{background-color:#fff;border-radius:6px;cursor:pointer;flex-shrink:0;padding:2px;transition:all .2s ease;width:52px}.color-picker-input[data-v-7efb00f1]:hover{border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.hex-input-group[data-v-7efb00f1]{align-items:center;display:flex}.hex-prefix[data-v-7efb00f1]{align-items:center;background-color:#f1f5f8;border:1px solid #e2e8f0;border-radius:5px 0 0 5px;border-right:none;color:#5b646f;display:inline-flex;font-size:.85rem;font-weight:600;height:32px;justify-content:center;width:30px}.hex-input[data-v-7efb00f1]{background-color:#f8fafc;border:1px solid #e2e8f0;border-left:none;border-radius:0 5px 5px 0;color:#141b24;flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9rem;height:32px;min-width:0;outline:none;padding:0 10px;transition:all .2s ease}.hex-input[data-v-7efb00f1]:focus{background-color:#fff;border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.channel-row[data-v-7efb00f1]{display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.channel-item[data-v-7efb00f1]{display:flex;flex-direction:column;gap:3px}.channel-item label[data-v-7efb00f1]{color:#5b646f;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-align:center}.channel-item input[type=number][data-v-7efb00f1]{-moz-appearance:textfield;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;color:#141b24;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;outline:none;padding:5px 4px;text-align:center;transition:all .2s ease;width:100%}.channel-item input[type=number][data-v-7efb00f1]::-webkit-inner-spin-button,.channel-item input[type=number][data-v-7efb00f1]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.channel-item input[type=number][data-v-7efb00f1]:focus{background-color:#fff;border-color:#00828f;box-shadow:0 0 0 2px #00828f26}.lum-row[data-v-7efb00f1]{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;font-size:.82rem;justify-content:space-between;padding:6px 10px}.lum-label[data-v-7efb00f1]{color:#5b646f;font-weight:500}.lum-value[data-v-7efb00f1]{color:#00535c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.preview-box[data-v-7efb00f1]{border:1px solid #e2e8f0;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff4d;display:flex;flex-direction:column;gap:12px;padding:18px 20px;transition:all .25s ease}.preview-large[data-v-7efb00f1]{font-size:1.6rem;font-weight:700;line-height:1.3}.preview-normal[data-v-7efb00f1]{font-size:1rem;line-height:1.6}.preview-small[data-v-7efb00f1]{font-size:.78rem;line-height:1.5;opacity:.9}.compliance-grid[data-v-7efb00f1]{display:grid;gap:8px;grid-template-columns:1fr}@media (min-width:640px){.compliance-grid[data-v-7efb00f1]{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.compliance-grid[data-v-7efb00f1]{grid-template-columns:repeat(3,1fr)}}.compliance-item[data-v-7efb00f1]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-direction:column;gap:5px;padding:10px 12px;transition:all .25s ease}.compliance-item[data-v-7efb00f1]:not(.passed){background-color:#fef2f2;border-color:#fecaca}.compliance-item.passed[data-v-7efb00f1]{background-color:#f0fdfa;border-color:#00828f40}.compliance-header[data-v-7efb00f1]{align-items:center;display:flex;gap:6px}.compliance-badge[data-v-7efb00f1]{align-items:center;background-color:#fee2e2;border-radius:4px;color:#991b1b;display:inline-flex;font-size:.72rem;font-weight:700;letter-spacing:.3px;padding:2px 8px}.compliance-badge.passed[data-v-7efb00f1]{background-color:#dbf2f5;color:#00535c}.compliance-level[data-v-7efb00f1]{color:#141b24;font-size:.78rem;font-weight:700;letter-spacing:.5px}.compliance-name[data-v-7efb00f1]{color:#141b24;font-size:.88rem;font-weight:600}.compliance-desc[data-v-7efb00f1]{color:#5b646f;font-size:.78rem;line-height:1.5}.compliance-threshold[data-v-7efb00f1]{border-top:1px dashed #d8dfe4;color:#454e58;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.74rem;margin-top:auto;padding-top:4px}.btn[data-v-7efb00f1]{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 18px;transition:all .2s ease}.btn-primary[data-v-7efb00f1]{background-color:#00828f;color:#fff}.btn-primary[data-v-7efb00f1]:hover{background-color:#00535c;box-shadow:0 4px 10px #00828f40;transform:translateY(-1px)}.btn-primary[data-v-7efb00f1]:active{box-shadow:none;transform:translateY(0)}.btn-secondary[data-v-7efb00f1]{background-color:#f1f5f8;border:1px solid #e2e8f0;color:#454e58}.btn-secondary[data-v-7efb00f1]:hover{background-color:#dbf2f5;border-color:#00828f40;color:#00535c}.notification[data-v-7efb00f1]{align-items:center;background-color:#141b24eb;border-radius:8px;bottom:24px;box-shadow:0 8px 24px #141b2426;color:#fff;display:flex;font-size:.85rem;gap:8px;opacity:0;padding:9px 16px;pointer-events:none;position:fixed;right:24px;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;z-index:1000}.notification.show[data-v-7efb00f1]{opacity:1;transform:translateY(0)}.notification-icon[data-v-7efb00f1]{font-size:.9rem;line-height:1}@media (max-width:640px){.top-bar[data-v-7efb00f1]{padding:12px 14px}.ratio-value[data-v-7efb00f1]{font-size:1.6rem;padding:6px 10px}.ratio-unit[data-v-7efb00f1]{font-size:.9rem}.top-actions .btn[data-v-7efb00f1]{font-size:.85rem;padding:6px 12px}.preview-large[data-v-7efb00f1]{font-size:1.3rem}.preview-normal[data-v-7efb00f1]{font-size:.92rem}}