.spx-field{gap:var(--space-2);flex-direction:column;display:flex}.spx-label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text);letter-spacing:-.006em}.spx-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.spx-error{font-size:var(--text-xs);color:var(--danger)}.spx-input{width:100%;height:30px;padding-inline:var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text);background:var(--surface);border:.5px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);box-shadow:inset 0 1px 2px oklch(40% .02 56/.04)}.spx-input::placeholder{color:var(--text-disabled)}.spx-input:hover{border-color:var(--text-tertiary)}.spx-input:focus{border-color:var(--glow-rim);box-shadow:0 0 0 3.5px var(--focus-ring), inset 0 1px 2px oklch(40% .02 56/.04);outline:none}.spx-input[disabled]{background:var(--bg-sunken);color:var(--text-disabled);cursor:not-allowed}.spx-input[aria-invalid=true]{border-color:var(--danger)}.spx-input[aria-invalid=true]:focus{box-shadow:0 0 0 3.5px oklch(58% .2 25/.28)}textarea.spx-input{height:auto;min-height:104px;padding-block:var(--space-3);resize:vertical;line-height:1.55}