.input-field{flex-direction:column;gap:6px;display:flex}.input-field-label{font-size:var(--fs-small);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.input-field-wrapper{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;padding:0 4px 0 14px;transition:border-color .15s,box-shadow .15s;display:flex}.input-field-wrapper:hover{border-color:var(--text-tertiary)}.input-field-wrapper:focus-within{border-color:var(--color-accent);box-shadow:var(--focus-ring)}.input-field-wrapper-error,.input-field-wrapper-error:hover{border-color:var(--color-error)}.input-field-wrapper-error:focus-within{box-shadow:0 0 0 3px #b91c1c29}.input-field-control{min-width:0;height:44px;color:var(--text-primary);font-size:var(--fs-body);background:0 0;border:none;outline:none;flex:1;padding-right:10px}.input-field-control::placeholder{color:var(--text-tertiary)}.input-field-control:read-only{color:var(--text-secondary)}.input-field-control:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-out}.input-field-control:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-out}.input-field-control:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);-webkit-box-shadow:0 0 0 1000px var(--bg-surface) inset;caret-color:var(--text-primary);transition:background-color 9999s ease-out}.input-field-right{color:var(--text-tertiary);align-items:center;display:flex}.input-field-right>button{border-radius:var(--radius-sm);width:40px;height:40px;color:inherit;justify-content:center;align-items:center;transition:color .15s,background-color .15s}.input-field-right>button:hover{color:var(--text-primary)}.input-field-right>button:focus-visible{color:var(--text-primary);background-color:var(--color-accent-soft);outline:none}.input-field-error{font-size:var(--fs-small);color:var(--color-error)}.input-field-hint{font-size:var(--fs-small);color:var(--text-tertiary)}[data-theme=dark] .input-field-error{color:#fca5a5}@media (max-width:600px){.input-field-control{font-size:16px}}