.input-wrapper{gap:var(--space-1);flex-direction:column;display:flex}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.input-required{margin-left:var(--space-1);color:var(--color-error)}.input-hint{font-size:var(--text-xs);color:var(--text-muted)}.input-wrapper input{width:100%;padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--input-font-size);color:var(--text-primary);background:var(--bg-page);border:var(--border-width) solid var(--border-default);border-radius:var(--radius-full);transition:border-color var(--transition-fast) ease, box-shadow var(--transition-fast) ease}.input-wrapper input::placeholder{color:var(--text-muted)}@media (hover:hover){.input-wrapper input:hover{border-color:var(--border-strong)}}.input-wrapper input:focus-visible{border-color:var(--color-focus);box-shadow:0 0 0 3px oklch(from var(--color-focus) l c h / .2);outline:none}.input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.input-wrapper input[data-error]{border-color:var(--color-error)}.input-wrapper input[data-error]:focus-visible{border-color:var(--color-error);box-shadow:0 0 0 3px oklch(from var(--color-error) l c h / .15)}.input-error{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-error);display:flex}