.api-check-form { display: grid; gap: var(--qz-space-4, 16px); }
.api-check-form label { display: block; line-height: 1.7; }
.api-check-form .tool-input { margin-top: 6px; width: 100%; }
.api-check-help { margin-top: 6px; color: var(--text-secondary); font-size: .875rem; line-height: 1.7; overflow-wrap: anywhere; }
.api-check-options { border-block: 1px solid var(--qz-line); padding-block: 12px; }
.api-check-options summary { cursor: pointer; min-height: 44px; line-height: 1.7; display: list-item; padding-block: 10px; }
.api-check-options label:has(input[type="checkbox"]) { display: flex; gap: 10px; align-items: center; min-height: 44px; padding-block: 8px; }
.api-check-options input[type="checkbox"] { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--qz-accent); }
.api-check-options input:disabled { opacity: .6; }
.api-check-result { margin-top: var(--qz-space-4, 16px); min-width: 0; }
.api-check-result h2 { font-size: 1rem; margin-bottom: 8px; }
.api-check-result pre { white-space: pre-wrap; word-break: normal; overflow-wrap: anywhere; }
.api-check-notes { margin-top: var(--qz-space-4, 16px); }
.api-check-notes summary { cursor: pointer; min-height: 44px; padding-block: 10px; }
.api-check-notes p { font-size: .875rem; line-height: 1.8; color: var(--text-secondary); margin-block: 8px; }
.api-check-form :is(input,summary), .api-check-notes summary { scroll-margin-top: 96px; }
.api-check-form summary:focus-visible, .api-check-notes summary:focus-visible { outline: 2px solid var(--qz-accent); outline-offset: 3px; }