.form-field{display:grid;gap:.35rem;margin-bottom:1rem;font-family:var(--theme-font-family,inherit)}.form-field__label{font-size:.82rem;font-weight:600;color:var(--text);letter-spacing:.005em}.form-field__input{width:100%;padding:.65rem .9rem;min-height:2.5rem;border:1.5px solid var(--border);border-radius:var(--shape-input-radius,.5rem);background:var(--bg-alt);color:var(--text);font-family:inherit;font-size:.92rem;line-height:1.3;transition:border-color .15s ease,box-shadow .15s ease}.form-field__input:focus,.form-field__input:focus-visible{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 18%,transparent)}.form-field__input::placeholder{color:var(--text-muted)}.form-field__help{font-size:.74rem;color:var(--text-muted);line-height:1.35}.form-field__error{font-size:.74rem;color:var(--danger,#dc2626);font-weight:600;line-height:1.35}.form-field--textarea .form-field__input{min-height:6rem;resize:vertical}.form-field--select .form-field__input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}.form-field--file .form-field__input{padding:.4rem}.form-field--inline{grid-template-columns:minmax(8rem,auto) 1fr;align-items:center;gap:.75rem;margin-bottom:.75rem}.form-field--inline .form-field__label{margin:0}.form-field--error .form-field__input{border-color:var(--danger,#dc2626)}.form-field--error .form-field__input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--danger,#dc2626) 18%,transparent)}.form-field--disabled .form-field__input{opacity:.55;cursor:not-allowed}[data-theme="dark"] .form-field__input{background:var(--bg);border-color:var(--border)}