.pu-field{display:flex;flex-direction:column;gap:6px;font-family:var(--font-sans)}.pu-field__label{font:var(--font-label);color:var(--text-strong)}.pu-field__req{color:var(--color-danger);margin-inline-start:2px}.pu-field__hint{font:var(--font-caption);color:var(--text-muted)}.pu-field__hint--error{color:var(--color-danger-fg)}.pu-input{display:flex;align-items:center;gap:8px;height:var(--control-h-md);padding:0 12px;background:var(--surface-card);border:1.5px solid var(--border-control,#7b859a);border-radius:var(--radius-md);transition:var(--transition-colors)}.pu-input:hover{border-color:var(--border-strong)}.pu-input:focus-within{border-color:var(--border-focus);box-shadow:var(--focus-ring)}.pu-input__el{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text-strong)}.pu-input__el::-moz-placeholder{color:var(--text-subtle)}.pu-input__el::placeholder{color:var(--text-subtle)}.pu-input__icon{display:inline-flex;color:var(--text-muted);flex:none}.pu-input__icon svg{width:18px;height:18px}.pu-input--sm{height:var(--control-h-sm);border-radius:var(--radius-sm)}.pu-input--invalid{border-color:var(--color-danger)}.pu-input--invalid:focus-within{box-shadow:0 0 0 3px var(--color-danger-subtle)}.pu-input--disabled{background:var(--surface-sunken);opacity:.7;pointer-events:none}