[data-page-demo]{margin:2rem 0;padding:1.25rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--content-bg-light);color:var(--text-light);font-family:var(--font-body)}.validator-controls{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr)}.validator-field{display:grid;gap:.35rem}.validator-field label{font-weight:700}.validator-field input,.validator-field select{box-sizing:border-box;min-height:2.5rem;padding:.5rem .7rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--md-default-bg-color);color:var(--md-default-fg-color);font:inherit}.validator-controls button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:fit-content;min-height:2.5rem;padding:.4rem .6rem;border:1px solid var(--color-teal);border-radius:var(--radius-sm);background:var(--color-teal);color:#fff;cursor:pointer;font:inherit;font-weight:700}.validator-controls button:disabled{cursor:not-allowed;opacity:.55}.validator-file-name{margin:.75rem 0 0;color:var(--color-slate);font-size:.6rem}.validator-result{margin-top:.25rem;padding:.25rem 0 .25rem .9rem;border-left:3px solid transparent}.validator-result:empty{display:none}.validator-result h3,.validator-result p{margin:0!important}.validator-result--pass{border-left-color:color-mix(in srgb,var(--color-success) 65%,var(--color-border))}[data-md-color-scheme=default] .md-typeset [data-page-demo] .validator-result--pass h3,[data-md-color-scheme=slate] .md-typeset [data-page-demo] .validator-result--pass h3{color:var(--color-success)}.validator-result--fail,.validator-result--error{border-left-color:color-mix(in srgb,var(--color-error) 65%,var(--color-border))}[data-md-color-scheme=default] .md-typeset [data-page-demo] .validator-result--fail h3,[data-md-color-scheme=default] .md-typeset [data-page-demo] .validator-result--error h3,[data-md-color-scheme=slate] .md-typeset [data-page-demo] .validator-result--fail h3,[data-md-color-scheme=slate] .md-typeset [data-page-demo] .validator-result--error h3{color:var(--color-error)}.validator-result--pending{border-left-color:var(--color-teal)}.validator-failures{margin:.75rem 0 0;padding-left:1.1rem;font-size:.82rem}.validator-failures li{margin:.65rem 0;padding-left:.25rem}.validator-failure-header{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem}.validator-failure-rule{color:var(--color-navy);font-size:.78rem;font-weight:700;overflow-wrap:anywhere}.validator-failure-category{padding:.15rem .4rem;border:1px solid color-mix(in srgb,var(--color-slate) 35%,transparent);border-radius:999px;color:var(--color-slate);font-size:.68rem;line-height:1.2;text-transform:capitalize}.validator-failure-message{display:block;margin-top:.25rem;color:var(--color-slate);line-height:1.45}.validator-spinner{display:none;width:.9rem;height:.9rem;border:2px solid color-mix(in srgb,var(--color-navy) 35%,transparent);border-top-color:var(--color-navy);border-radius:50%;animation:validator-spin .7s linear infinite}.validator-button--loading .validator-spinner{display:inline-block}@keyframes validator-spin{to{transform:rotate(360deg)}}[data-md-color-scheme=slate] [data-page-demo]{background:var(--content-bg-dark);color:var(--text-dark)}[data-md-color-scheme=slate] .validator-failure-rule{color:var(--text-dark)}