.contrast-wrapper[data-v-a5ee581e]{flex:1;gap:16px;margin:0 auto;max-width:800px;width:100%}.color-inputs[data-v-a5ee581e],.contrast-wrapper[data-v-a5ee581e]{display:flex;flex-direction:column}.color-inputs[data-v-a5ee581e]{gap:12px}.color-field[data-v-a5ee581e]{display:flex;flex-direction:column;gap:6px}.color-row[data-v-a5ee581e],.field-title[data-v-a5ee581e]{align-items:center;display:flex}.color-row[data-v-a5ee581e]{gap:8px}.color-preview[data-v-a5ee581e]{border:1px solid hsla(0,0%,50%,.2);border-radius:6px;flex-shrink:0;height:40px;width:40px}.color-input[data-v-a5ee581e]{flex:1}.picker[data-v-a5ee581e]{width:100px}.color-detail[data-v-a5ee581e]{font-size:12px;opacity:.5;padding-left:48px}.result-section[data-v-a5ee581e]{display:flex;flex-direction:column}.ratio-display[data-v-a5ee581e]{padding:8px 0;text-align:center}.ratio-value[data-v-a5ee581e]{font-size:48px;font-variant-numeric:tabular-nums;font-weight:700;line-height:1;transition:color .3s}.ratio-value.excellent[data-v-a5ee581e]{color:#10b981}.ratio-value.good[data-v-a5ee581e]{color:#2080f0}.ratio-value.fair[data-v-a5ee581e]{color:#f59e0b}.ratio-value.poor[data-v-a5ee581e]{color:#ef4444}.ratio-unit[data-v-a5ee581e]{font-size:24px;font-weight:400;opacity:.5}.ratio-rating[data-v-a5ee581e]{font-size:14px;margin-top:4px;opacity:.55}.level-grid[data-v-a5ee581e]{display:grid;gap:8px;grid-template-columns:1fr 1fr}.level-item[data-v-a5ee581e]{align-items:center;background:#80808005;border:1px solid hsla(0,0%,50%,.12);border-radius:8px;display:flex;flex-direction:column;gap:2px;padding:10px;transition:all .2s}.level-item.pass[data-v-a5ee581e]{background:#10b9810a;border-color:#10b9814d}.level-item.fail[data-v-a5ee581e]{background:#ef444408;border-color:#ef444433}.level-label[data-v-a5ee581e]{font-size:13px;font-weight:600}.level-threshold[data-v-a5ee581e]{font-size:11px;opacity:.45}.level-badge[data-v-a5ee581e]{border-radius:10px;font-size:12px;font-weight:600;margin-top:2px;padding:1px 10px}.level-badge.pass[data-v-a5ee581e]{background:#10b9811a;color:#10b981}.level-badge.fail[data-v-a5ee581e]{background:#ef44441a;color:#ef4444}.preview-section[data-v-a5ee581e]{display:flex;justify-content:center}.preview-box[data-v-a5ee581e]{border:1px solid hsla(0,0%,50%,.1);border-radius:8px;padding:24px;width:100%}.preview-text[data-v-a5ee581e]{margin:0}.preview-normal[data-v-a5ee581e]{font-size:14px;margin-bottom:8px}.preview-large[data-v-a5ee581e]{font-size:20px;font-weight:700}.empty-state[data-v-a5ee581e]{align-items:center;display:flex;flex-direction:column;padding:40px 0}.empty-text[data-v-a5ee581e]{font-size:14px;margin-top:12px;opacity:.4}@media (max-width:640px){.level-grid[data-v-a5ee581e]{grid-template-columns:1fr 1fr}.ratio-value[data-v-a5ee581e]{font-size:36px}.picker[data-v-a5ee581e]{width:80px}}body{padding:0!important}.contrast-page[data-v-f4d0f272]{align-items:center;display:flex;flex-direction:column;min-height:100vh;opacity:0;transition:opacity .2s ease}.contrast-page.ready[data-v-f4d0f272]{opacity:1}.page-card[data-v-f4d0f272]{display:flex;flex:1;flex-direction:column;width:100%}.page-card[data-v-f4d0f272] .n-card,.page-card[data-v-f4d0f272] .n-card__content{display:flex;flex:1;flex-direction:column}.page-card[data-v-f4d0f272] .n-card__action{margin-top:auto;padding:10px}.loading-placeholder[data-v-f4d0f272]{align-items:center;display:flex;height:400px;justify-content:center}.subtle-link[data-v-f4d0f272]{color:inherit!important;text-decoration:none}.subtle-link[data-v-f4d0f272]:hover{text-decoration:underline}.devtool-modal[data-v-f4d0f272]{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.devtool-modal-content[data-v-f4d0f272]{background:#fff;border-radius:10px;padding:30px 50px;text-align:center}.devtool-modal-content h3[data-v-f4d0f272]{color:#e53e3e;margin-top:0}.devtool-modal-content p[data-v-f4d0f272]{color:#333;font-size:16px}