.tool-container[data-v-736aeb1e]{max-width:1200px;margin:0 auto;padding:20px}.tool-container h1[data-v-736aeb1e]{margin-bottom:8px;font-size:22px}.tool-container>p[data-v-736aeb1e]{color:#6b7280;margin-bottom:16px;font-size:14px}.control-section[data-v-736aeb1e]{background:#f8f9fa;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #e9ecef}.input-row[data-v-736aeb1e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;align-items:end}.param-item[data-v-736aeb1e]{display:flex;flex-direction:column;gap:6px}.param-label[data-v-736aeb1e]{font-size:13px;font-weight:600;color:#495057}.color-input-wrap[data-v-736aeb1e]{display:flex;gap:8px;align-items:center}.color-picker[data-v-736aeb1e]{width:44px;height:40px;border:1px solid #ced4da;border-radius:4px;cursor:pointer;padding:2px}.form-input[data-v-736aeb1e]{flex:1;padding:10px 12px;border:1px solid #ced4da;border-radius:4px;font-size:14px;outline:none}.form-input[data-v-736aeb1e]:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb26}.btn[data-v-736aeb1e]{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}.btn-outline[data-v-736aeb1e]{background:#fff;border:1px solid #ced4da;color:#495057}.btn-outline[data-v-736aeb1e]:hover{border-color:#2563eb;color:#2563eb}.btn-copy[data-v-736aeb1e]{background:#2563eb;color:#fff;padding:6px 14px;font-size:13px}.btn-copy[data-v-736aeb1e]:hover{background:#1d4ed8}.result-section[data-v-736aeb1e]{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:16px;margin-bottom:16px}.result-header[data-v-736aeb1e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-badge[data-v-736aeb1e]{padding:6px 16px;border-radius:20px;font-size:14px;font-weight:600}.badge-success[data-v-736aeb1e]{background:#dcfce7;color:#166534}.section-title[data-v-736aeb1e]{font-size:16px;margin:0 0 16px;color:#1f2937}.ratio-display[data-v-736aeb1e]{text-align:center;margin-bottom:20px}.ratio-value[data-v-736aeb1e]{font-size:48px;font-weight:800;line-height:1.2}.ratio-label[data-v-736aeb1e]{font-size:14px;color:#6b7280;margin-top:4px}.wcag-grid[data-v-736aeb1e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.wcag-card[data-v-736aeb1e]{border-radius:8px;padding:14px;text-align:center;border:2px solid}.wcag-card.pass[data-v-736aeb1e]{background:#f0fdf4;border-color:#86efac}.wcag-card.fail[data-v-736aeb1e]{background:#fef2f2;border-color:#fca5a5}.wcag-level[data-v-736aeb1e]{font-weight:600;font-size:13px;color:#495057;margin-bottom:6px}.wcag-status[data-v-736aeb1e]{font-size:15px;font-weight:700;margin-bottom:4px}.wcag-req[data-v-736aeb1e]{font-size:12px;color:#9ca3af}.preview-area[data-v-736aeb1e]{padding:24px;border-radius:8px;border:1px solid #e5e7eb}.preview-normal[data-v-736aeb1e]{font-size:16px;margin-bottom:12px}.preview-large[data-v-736aeb1e]{font-size:24px;margin-bottom:12px;font-weight:700}.preview-bold[data-v-736aeb1e]{font-size:18.66px;font-weight:700}.suggestion-grid[data-v-736aeb1e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}.suggestion-card[data-v-736aeb1e]{border:1px solid #e5e7eb;border-radius:8px;padding:12px;cursor:pointer;transition:box-shadow .2s}.suggestion-card[data-v-736aeb1e]:hover{box-shadow:0 2px 8px #0000001a}.suggestion-bg[data-v-736aeb1e]{height:60px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.suggestion-label[data-v-736aeb1e]{font-size:13px;font-weight:600;color:#1f2937;margin-top:8px}.suggestion-ratio[data-v-736aeb1e]{font-size:12px;color:#2563eb}.usage-guide[data-v-736aeb1e]{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-top:2rem;border:1px solid #e9ecef}.usage-guide h3[data-v-736aeb1e]{margin-top:0;color:#2563eb}.guide-grid[data-v-736aeb1e]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.guide-grid h4[data-v-736aeb1e]{color:#495057;margin-bottom:.75rem}.guide-grid ul[data-v-736aeb1e]{margin:0;padding-left:1.5rem;color:#6c757d}.guide-grid li[data-v-736aeb1e]{margin-bottom:.3rem}