.loom-form-verification { grid-column: 1 / -1; flex: 1 0 100%; width: 100%; margin: 0 0 15px; color: #466353; }
.loom-form-verification [hidden], .loom-form-verification[hidden], .loom-form-submit-error[hidden] { display: none !important; }
.loom-form-verification-status { display: flex; align-items: center; gap: 8px; min-height: 25px; margin: 0; font-size: 12px; font-weight: 400; line-height: 1.5; }
.loom-form-verification-icon { display: inline-grid; width: 18px; height: 18px; flex: 0 0 18px; place-items: center; }
.loom-form-verification-icon svg { width: 18px; height: 18px; }
.loom-form-verification[data-state="checking"] .loom-form-verification-icon { width: 15px; height: 15px; flex-basis: 15px; margin: 0 2px 0 1px; border: 2px solid #cbd7c9; border-top-color: #466353; border-radius: 50%; animation: loom-form-verify-spin .8s linear infinite; }
.loom-form-verification .loom-form-verification-retry { width: auto; min-height: 36px; margin: 0 0 0 26px; padding: 6px 0; border: 0; border-radius: 0; color: #26362f; background: transparent; font: inherit; font-size: 13px; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.loom-form-verification-retry:focus-visible { outline: 3px solid #c8795b; outline-offset: 3px; }
.loom-form-verification[data-state="error"] { padding: 13px 16px; border: 1px solid #cbb296; border-radius: 10px; background: #fcf4e9; color: #77502d; }
.loom-form-verification[data-state="error"] .loom-form-verification-status { align-items: flex-start; font-size: 13px; }
.loom-form-verification-help { margin: 4px 0 0 26px; color: #53625b; font-size: 12px; line-height: 1.5; }
.loom-form-submit-error { grid-column: 1 / -1; color: #8b3f2b; font-size: 14px; }
.loom-form-submit-success { padding: 22px; border: 1px solid #cbd7c9; border-radius: 14px; background: #edf2e9; color: #26362f; }
.loom-form-submit-success h3 { margin: 0 0 8px; font-size: 25px; }
.loom-form-submit-success p { margin: 0; }
.loom-form-submit-success:focus { outline: 2px solid #466353; outline-offset: 3px; }
@keyframes loom-form-verify-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .loom-form-verification[data-state="checking"] .loom-form-verification-icon { animation: none; } }